我正在使用 Twitter Bootstrap 设置<pre>
标签的 CSS 样式,以便不保留换行符。我需要更改哪些属性才能重置默认行为?
<pre>
line 1
line 2
line 3
</pre>
生产
line 1 line 2 line 3
而不是
line 1
line 2
line 3
我正在使用 Twitter Bootstrap 设置<pre>
标签的 CSS 样式,以便不保留换行符。我需要更改哪些属性才能重置默认行为?
<pre>
line 1
line 2
line 3
</pre>
生产
line 1 line 2 line 3
而不是
line 1
line 2
line 3
很可能您的display:block;
财产正在被覆盖。您需要pre{display:block;}
在外部样式表中进行设置。twitter bootstrap 版本 2 默认pre
定义为标签display:block;
,因此很明显您正在覆盖它。
我建议使用不同的元素标签并使用 javascript 代码语法高亮 API。浏览器不允许您更改 pre 标签的工作方式。您不能更改 pre 标记的影子 DOM。如果您正在寻找代码片段的更多灵活性,我会走这条路。
http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_pre