resize 相关问题

与控件，窗口，窗体或屏幕的大小调整有关的问题。

如何在不更改变量的情况下使用角度插值绑定自动在 span/div 元素中换行（仅垂直调整大小，添加高度）

我们可以使用下面“跨度解决方案”部分中显示的方法自动增加跨度元素的高度：超文本标记语言跨度解决方案：我们可以使用下面“跨度解决方案”部分中显示的方法自动增加跨度元素的高度： HTML Solution with span: CSS .textarea { border: 1px solid #ccc; font-family: inherit; font-size: inherit; padding: 1px 6px; display: block; width: 100%; overflow: hidden; resize: both; min-height: 40px; line-height: 20px; } 来源： https://codepen.io/chriscoyier/pen/XWbqpzP0 但是它不适用于 Angular！因为 Angular 绑定的值是稍后加载的，不会考虑溢出。如果将 overflow: hidden 添加到样式中，则该值会直接超出跨度或简单地隐藏。 example.component.html： {{example.value}} css 版本，带有 overflow:hidden 我放resize: vertical是因为我只希望高度随着变量中的字符串长度变得越来越长而增加。 .textarea { display: block; min-width: 17rem; max-width: 75%; min-height: 30px; line-height: 1.8rem; resize: vertical; overflow: hidden; padding-top: 0.8rem; } 如果我删除overflow: hidden;，效果会是这样的，值就超出了范围： .textarea { display: block; min-width: 17rem; max-width: 75%; min-height: 30px; line-height: 1.8rem; resize: vertical; padding-top: 0.8rem; } 那么有人可以帮助我编写一段代码，该代码可以使用 Angular 中从数据源到查看目标绑定（插值）的单向功能，根据变量的字符串长度自动增加 div/span 元素的高度吗？提前非常感谢！由于没有人回答我这个问题，我将给出一种可能的解决方案：使用带有指令的文本区域来控制其调整大小，而不是使用可内容编辑的跨度！指令源代码： import { Directive, HostListener, ElementRef, OnInit } from '@angular/core'; @Directive({ selector: '[textAreaAutoResize]' }) export class TextareaAutoresizeDirective implements OnInit { @HostListener(':input') onInput() { this.resize(); } constructor(private elementRef: ElementRef) { } resize() { this.elementRef.nativeElement.style.height = 'auto'; this.elementRef.nativeElement.style.height = this.elementRef.nativeElement.scrollHeight + 'px'; } ngOnInit() { if (this.elementRef.nativeElement.scrollHeight) { setTimeout(() => this.resize()); } } } 替换原始文本区域的示例文本区域（内容可编辑范围） <textarea class= "field-name-label" #FieldNameLabel textAreaAutoResize role="textbox">{{example.value}}</textarea> 如果有人有使用普通元素（如（“span”、“div”、“p”等）和“contenteditable”）的解决方案，这些元素能够根据角度绑定变量调整大小，欢迎您在下面发布。

css angular data-binding resize overflow

回答 1 投票 0

实现可调整大小的文本区域？

Stackoverflow 如何实现可调整大小的文本区域？这是他们自己推出的东西，还是我可以轻松附加到我网站上的文本区域的公开组件？我...

html resize textarea

回答 6 投票 0

通过在 JavaScript 中拖动手柄来调整形状大小的问题

我正在开发一个 JavaScript 应用程序，其中我正在实现通过拖动手柄来调整形状大小的功能。我遇到了调整大小功能的问题。另外，调整大小时

javascript html css drag-and-drop resize

回答 1 投票 0

JavaScript 可拖动元素在鼠标拖动操作期间不规则地移离光标

我的 JavaScript 应用程序中的拖动功能遇到问题。我已经使用鼠标事件的事件监听器（mousedown、mousemove、mouseup）实现了可拖动元素，...