如何使用CSS将跨度更改为pre？

标签只使用CSS一样？


1> Diodeus - Ja..：
查看W3C CSS2.1默认样式表或CSS2.2工作草案.复制PRE的所有设置并将它们放入您自己的类中.

pre {
    display: block;
    unicode-bidi: embed;
    font-family: monospace;
    white-space: pre;
}

        

2> Pistos..：
请参阅white-space CSS属性.

.like-pre { white-space: pre; }

        
或者,你可能会发现`white-space:pre-wrap`很有用.它的行为类似于'pre`,但包裹着长行. 

3> Mr. Shiny an..：
这使得SPAN看起来像PRE:

span {
  white-space: pre;
  font-family: monospace;
  display: block;
}


请记住根据需要更改css选择器.

        

4> Sören Kuklau..：
具体来说,您正在查看的属性是:

white-space: pre


http://www.quirksmode.org/css/whitespace.html 

http://www.w3.org/TR/CSS21/text.html#white-space-prop