如何改变一个跨度看起来像一个预先使用CSS?
是否有可能改变一个<span>
标签(或<div>
)来预格式化它的内容,就像<pre>
标签将只使用CSS?
看看W3C的默认值 。 复制PRE的所有设置,并将其放入自己的class级。
pre { display: block; unicode-bidi: embed; font-family: monospace; white-space: pre; }
查看空白CSS属性 。
.like-pre { white-space: pre; }
这使SPAN看起来像PRE:
span { white-space: pre; font-family: monospace; display: block; }
记住要适当地改变CSSselect器。
具体而言,您正在查看的财产是:
white-space: pre
http://www.quirksmode.org/css/whitespace.html
http://www.w3.org/TR/CSS21/text.html#white-space-prop
尝试这个
span { white-space: pre; font-family: monospace; display: block; unicode-bidi: embed }
为什么不使用<pre>标签而不是span标签呢? 两者都是内联的,所以两者都应该按照你喜欢的方式行事。 如果你有一个覆盖整个<pre>的定义的问题,就给它一个class / id。
尝试这种风格
.pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; line-height: 1.5; word-break: break-all; white-space: pre; white-space: pre\9; /* IE7+ */ display: block; }
在这里使用相同 – http://www.makemyshop.in/