如何改变一个跨度看起来像一个预先使用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/