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

我建议使用不同的元素标记，并使用突出显示API的JavaScript代码语法。浏览器不允许您更改预标签的工作方式。您无法更改预标签的shadow DOM。如果您正在寻找代码片段的更多灵活性，我会选择这条路线。