2012-08-08 66 views
3

将单独的回车字符放入格式为white-space: pre-wrap的HTML块中有效吗?单行回车的CSS空白预处理规则返回

我有一个应用程序正在接收SOAP消息,并将消息记录到文件。我们的日志记录代码总是在Unix上删除换行符,这是一个单行日志条目。虽然传入的消息是windows格式的CRLF,所以在剥离新行后,我剩下了单独的回车。

应用程序上的日志查看器屏幕显示一个表格,其中的日志条目格式为white-space: pre-wrap。至少在我的浏览器上,这看起来很棒,单独的回车工作就像一条新线或CRLF一样。

这是可靠的行为?

回答

8

是的,它是有效的。使用white-space: pre-wrap;与使用<pre>完全相同,除了它自然会根据其父项的边界包装线。

但是,您应该考虑确保您的CSS符合跨浏览器。

#log { 
    white-space: pre-wrap;  /* CSS3 */ 
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ 
    white-space: -pre-wrap;  /* Opera 4-6 */ 
    white-space: -o-pre-wrap; /* Opera 7 */ 
    word-wrap: break-word;  /* Internet Explorer 5.5+ */ 
} 

您也可以使用white-space: pre;如果你想线,以推动其母公司的界限,以保持输出的一切在一行