html - 在 标签中获取换行符

Question

我正在创建基于用户在 textarea 中输入的评论字段。但是当我使用

 标签时，我无法告诉它在评论 View 中正确包装。
如果有更好的方法，我不会坚持使用 
 标签。我选择使用它的唯一原因是保留用户添加的换行符和空格。
我注意到 
 有一个名为“width”的属性，但 W3 指出它已弃用，并且它只会在如此多的字符之后中断，这也不是理想的。 (它也根本不适用于 IE。)
有什么建议吗？
			            

Answer 1

通常的方法是将输入中的单个换行符转换为“
”。 (双换行符通常会引入一个新的“

”元素。)但这不包括多个空白运行；如果您需要保留这些，您可以用一个空格和一个不间断空格(' '、'\xA0' 或 '  ' 作为字符引用)替换每个两个空格的序列。

有一种 CSS 方法可以保留文字换行符和空格，但当行长度太短时仍然换行:

white-space: pre-wrap;

但是，这个 CSS 2.1 和 CSS 3 属性值在其原始名称下不支持跨浏览器。 Webkit(Safari、Chrome)接受它；要使其在其他流行的浏览器下工作，您必须添加:

white-space: -moz-pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;

“自动换行”适用于 IE，它一如既往地有自己的做事方式。