7

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

我已经尝试设置文本区域的resize、min-width、max-width和width属性，但是到目前为止，这只允许用户增长textarea元素，而不是缩小它。浏览器将允许用户按预期在 and 的范围内而不是在 and 的范围内调整元素的大小width和max-width大小。min-widthmax-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 上工作。

4

2 回答 2

1

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

这正是您所描述的。

于 2012-10-23T19:08:58.163 回答
0

尝试设置 min-width 等于 max-width 和 width 为 0

于 2012-10-23T18:56:29.290 回答