如何摆脱<textarea>元素</textarea>中的额外行

时间:2013-03-28 23:31:44

标签: html textarea

在textarea元素和pre元素中显示相同内容时,结果会有所不同。 textarea还有一条线比pre。

<textarea>Hello</textarea>
<pre>Hello</pre>

示例:http://jsfiddle.net/45XkC/

这意味着,如果我将内容保存在textarea中并再次在textarea中重新加载,它将总是比以前的版本多一行。

如何摆脱文本区域中的附加行以使显示与pre元素相同?

更新:内容未修复,textarea可重新调整大小。问题是等于为什么textarea中有一条额外的行而不是pre,并且有没有办法在前端摆脱它?

1 个答案:

答案 0 :(得分:1)

添加rows属性,例如

<textarea rows="1">Hello</textarea>

将指示浏览器只渲染一行。