如何固定文本区域的宽度但保持高度灵活 CSS

Question

如何让textarea的宽度固定但高度灵活CSS

例如保持浏览器生成的文本区域的默认宽度并禁止向右拉伸，但保持高度可拉伸？

<textarea class="test"></textarea>

.test {
width:
height:}

Answer 1

您可以将 resize 属性 值设置为 vertical

检查浏览器兼容性table：Can I use resize

.test {
  resize: vertical;
  width: 100px;
}

<textarea class="test"></textarea>

Answer 2

试试这个

.test{最大宽度:300px;}