<textarea>扩展并销毁表格格式</textarea>

Question

有没有办法限制<textarea>可以扩展到多远？或者一种格式化<table>的方式，以便在展开<textarea>时看起来不会很糟糕？

Answer 1

使用max-height和max-width作为textarea的样式。这样可以防止textarea扩展。

注意：IE不知道max-width和max-height。但你可以这样做：

textarea{ 
   width: expression( document.body.clientWidth > 776 ? "777px" : "auto" ); /* sets max-width for IE */
}

Answer 2

我知道的唯一方法是使用resize css属性。它是一个CSS3属性，因此如果您处理的是旧版浏览器，它可能无法帮助您。 尝试将此课程应用于您的文字区域......

.noresize{
    resize:none;
}

Answer 3

如果您不想完全调整大小，请输入“resize：none;” textarea上的style属性。如果你想以受控方式调整大小，那么添加像max-width：300px; 最大高度：250px;到文本区域样式。

Answer 4

textarea {
    resize: vertical;
    width: 350px;
    min-height: 80px;
    max-height: 200px;
}

使用此代码，用户可以垂直调整textarea的大小。应用最大高度和最小高度可防止布局中断。