Question

我正在尝试创建一个textarea元素，该元素具有以编程方式定义的原始/默认大小，但用户可以在定义的限制内调整大小，以允许它增长和缩小。

我已尝试设置文本区域的resize，min-width，max-width和width属性，但到目前为止，这只允许用户成长 textarea元素，而不是收缩它。浏览器将允许用户按照预期在width和max-width的范围内调整元素大小并调整其大小，而不是在min-width和max-width的范围之间。

是否有一种简单的方法来指定默认大小，该大小也不会被视为最小大小？

以下是我正在使用的代码：

function textAreaWithDefault(size) {
    var ta = document.createElement("textArea");

    ta.style.resize = "both";
    ta.style.minWidth = "100px";
    ta.style.width = size + "px";    // default size
    ta.style.maxWidth = "500px";

    document.body.appendChild(ta);
}

首选纯css和/或javascript解决方案，但它只需要在web-kit上运行。

Answer 1

我会查看fittext或类似的脚本： http://fittextjs.com/

这正是你所描述的。

Answer 2

尝试将min-width设置为max-width和width为0

允许textarea调整大小以从其原始/默认大小缩小（不仅仅是增长）元素

2 个答案: