横向扩展HTML输入字段

Horizontally-expanding HTML input field

本文关键字：字段 输入 HTML 扩展 横向      更新时间：2023-09-26

我有一个输入字段：

<input type="text" id="TextField" />

并将其设置为调整大小：

#TextField {
   resize: horizontal;
}

但它不会调整大小。

当文本接近文本字段的末尾（右）时，如何使文本字段水平（而不是垂直）调整大小？或者，有没有内置的方法可以实现这一点（也许可以使用CSS中的东西）？

您需要根据文本的宽度计算框的宽度。这里有一个类似的问题，可能会有所帮助。使用JavaScript 计算文本宽度

BTW有一个插件可以帮助您实现所需的调整输入框大小

相关文章：