html - 使用 CSS 与使用 cols 和 rows 调整 textarea 的大小

Question

用 cols 和 rows 调整 textarea 的大小与用 height 和 width 调整 textarea 的大小有什么区别？

<textarea id="TextArea1" cols="73" rows="12">with cols rows</textarea>
<textarea id="TextArea2" style="height:200px; width:600px";>with CSS</textarea>

jsFiddle

Answer 1

cols并且rows是相对于字体大小的。 height而width不是。

http://jsfiddle.net/rVUEE/1/

编辑： 说它们相对于“字体大小”有点过于简单化。它们也会考虑诸如是否明确设置line-height之类的东西。letter-spacing

Answer 2

1. colsHTML 规范需要 和属性rows。W3C HTML5（2014 年批准）使它们成为可选的，但具有不切实际的默认值（20 和 2）。
2. 即使 CSS 被禁用，这些属性也会生效。
3. 另一方面，如果尺寸也在 CSS 中指定，则属性“丢失”。
4. 该rows属性以行为单位指定高度（实际上，以行高作为隐含单位），该cols属性根据“平均”字符宽度指定宽度，这是一个非常模糊的概念，浏览器的解释非常不同。在 CSS 中，可以使用任何 CSS 单位，并且必须明确指定。

Answer 3

CSS 并没有什么不同。结果将（几乎）相同。

我大部分时间都在使用最大宽度、最小宽度和相同的高度。在 Chrome 等新浏览器中，您可以调整文本区域的大小。