水平扩展的 HTML 输入字段答案

【问题标题】：Horizontally-expanding HTML input field水平扩展的 HTML 输入字段
【发布时间】：2013-02-18 19:44:10
【问题描述】：

我有一个输入字段：

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

并将其设置为调整大小：

#TextField {
   resize: horizontal;
}

但它不会调整大小。

当文本接近文本字段的末尾（右侧）时，如何使文本字段水平（而不是垂直）调整大小？或者，是否有任何内置方法可以使其工作（可能使用 CSS 中的某些东西）？

【问题讨论】：

你用的是什么浏览器？没有 IE 版本支持该属性。
你需要 javascript 来实现这一点。
我正在使用 Internet Explorer 10。我知道我可以使用 JavaScript 实现这一点，@rudeovskizebear - 但我的问题是，如何？
Chrome，版本 24.0.1312.57 m 也不支持调整大小：水平。

【解决方案1】：

您需要根据文本的宽度计算框的宽度。这是一个可能有帮助的类似问题。 Calculate text width with JavaScript

【讨论】：

【解决方案2】：

顺便说一句，有一个插件可以帮助你实现你正在寻找的东西Resize INput box

【讨论】：