使用CSS与cols和行调整textarea的大小

Question

使用cols和row调整textarea的大小和使用高度和宽度调整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. HTML规范要求使用cols和rows属性.W3C HTML5(2014年批准)使它们成为可选项,但具有不切实际的默认值(20和2).
2. 即使禁用CSS,属性也会生效.
3. 另一方面,如果在CSS中也指定了维度,则属性"丢失".
4. 该rows属性以线条的形式指定高度(实际上,线条高度为隐含单位),cols属性以"平均"字符宽度指定宽度,这是一个非常模糊的概念,浏览器的解释非常不同.在CSS中,可以使用任何CSS单元,并且必须明确指定.