Css HTML显示原始文本

我有一个HTML页面，需要在其中显示一些日志消息。我用

<pre>some text</pre> change it to : &lt;pre&gt;sometext &lt;/pre&gt;


预编码和代码：

[2016-06-24 16:06:00]调试，详细信息

唯一代码：

[2016-06-24 16:06:00]调试，详细信息

仅适用于：
[2016-06-24 16:06:00]调试，详细信息
很抱歉我误解了这个问题。请替换
尝试用html代码替换（标记）。例如：

某些文本将其更改为：presometext/pre
您可以在xmp标记中包装要显示的原始部分

您可以用>
替换“”，这是我知道的最简单的方法：使用


textarea{空白：nowrap；}

[2016-06-24 16:06:00]调试，详细信息
xmp
标签已被弃用，并不能在所有浏览器中使用：对于手头的问题，我相信这可能是最好的答案，不管弃用与否，good solution+1
元素可能会被正式弃用，但截至2019年9月，它仍然获得了“全面绿色”的浏览器支持。它实际上是为了将HTML代码显示为文本，因此对于临时内部/调试使用（不面向客户），它是一个完美的选择。我的可能副本无法使其不包装（尝试了
wrap=“soft”
，
溢出：滚动
）。但除此之外，最简单的解决方案确实是。我更新了答案，不使用css代码包装：
white space:nowrap
<xmp>[2016-06-24 16:06:00]|DEBUG|...., details='#<hashie::mash worker_address="http://xxx.amazonaws.com:8081" worker_id="0000000008" worker_task_id="776f31e01c530134025722000b27033c:gather_source_file_info_task_1466784360">'</xmp>

[2016-06-24 16:06:00]|DEBUG|...., details='#&lthashie::mash worker_address="http://xxx.amazonaws.com:8081" worker_id="0000000008" worker_task_id="776f31e01c530134025722000b27033c:gather_source_file_info_task_1466784360"&gt'