css - 使用 Twitter Bootstrap，如何更改 CSS 样式以尊重换行符？

Question

我正在使用 Twitter Bootstrap 设置<pre>标签的 CSS 样式，以便不保留换行符。我需要更改哪些属性才能重置默认行为？

<pre>
line 1
line 2
line 3
</pre>

生产

line 1 line 2 line 3

而不是

line 1
line 2
line 3

Answer 1

很可能您的display:block;财产正在被覆盖。您需要pre{display:block;}在外部样式表中进行设置。twitter bootstrap 版本 2 默认pre定义为标签display:block;，因此很明显您正在覆盖它。

Answer 2

我建议使用不同的元素标签并使用 javascript 代码语法高亮 API。浏览器不允许您更改 pre 标签的工作方式。您不能更改 pre 标记的影子 DOM。如果您正在寻找代码片段的更多灵活性，我会走这条路。

http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_pre