在保留格式的同时在TEXTAREA中输入文本(就像PRE标签中的文本一样)

时间:2010-12-01 23:12:26

标签: css textarea css3

当我输入包含换行符和长句的文本时,我不希望看到包装或不包含换行版本。什么是CSS风格来实现这一目标?到目前为止,我尝试了white-space属性但没有给出我想要的结果。

2 个答案:

答案 0 :(得分:3)

您可能需要textarea标记的wrap属性。请查看此页面:http://www.tizag.com/htmlT/htmltextarea.php

我不是100%确定您想要的最终结果,但如果您查看通过该链接提供的选项和解释,您应该能够选择适合您需求的那些。

答案 1 :(得分:1)

正如@erik所说,这样做的方法是在标签本身上使用wrap属性,即:

<textarea wrap="off"></textarea>

我只想注意,如果您对HTML验证很挑剔,那么textarea的wrap属性不属于任何HTML标准。

不幸的是,这是实现此目的的唯一方法,因为您发现white-space CSS属性与<textarea>元素的预期效果不同。< / p>

通过Sitepoint

  

Internet Explorer [...]值normal和pre表现类似于textarea元素的预包装。 nowrap的值与textarea元素上的pre-line类似。

     

Firefox版本(包括3.0版本)不支持pre-line和pre-wrap的值(尽管-moz-pre-wrap与后者类似)。 normal normal,nowrap和pre的行为类似于textarea元素的预包装。

     

Opera 9.2及之前的版本不支持值pre-line。 normal和pre的值就像在textarea元素上预先换行一样。 nowrap的值与textarea元素上的pre-line类似。