textarea应该调整它的大小

时间:2017-09-25 17:38:50

标签: html css textarea

使用可调整大小的<textarea>

&#13;
&#13;
#a { resize: horizontal; height: 200px; }
&#13;
<textarea id="a">Test</textarea>
&#13;
&#13;
&#13;

如何使其从0%到100%的浏览器宽度可调整大小?(看起来不可能,即使我们使用最小宽度......)

textarea和页面其余部分之间的所有垂直边界都应显示调整大小光标,为什么不显示,即使使用resize: horizontal;

1 个答案:

答案 0 :(得分:2)

田田谢谢@Basj。

html, body {
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  margin: 0;
}

textarea {
  min-width: 0px;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  min-height: 100%;
  width: 0;
}
<textarea></textarea>