3

将单独的回车字符放入格式为 的 HTML 块中是否有效white-space: pre-wrap？

我有一个应用程序正在接收 SOAP 消息，并将消息记录到文件中。我们的日志代码总是去掉换行符，所以在 Unix 上，这是一个单行日志条目。传入的消息是 Windows 格式的 CRLF，所以在剥离换行符后，我只剩下一个回车符。

应用程序上的日志查看器屏幕显示一个表格，其中包含具有white-space: pre-wrap格式的日志条目。至少在我的浏览器上，这看起来很棒，单独的回车与换行符或 CRLF 的工作方式相同。

这是可靠的行为吗？

4

1 回答 1

10

是的，它是有效的。usingwhite-space: pre-wrap;与 using 完全相同<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;如果您希望行推动其父项的边界以将输出中的所有内容保持在一行中，您也可以使用

于 2012-08-08T18:20:57.193 回答