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

Question

是否可以更改<span>标签(或<div>)以预先格式化其内容,就像<pre>标签只使用CSS一样？

Answer 1

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

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

Answer 2

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

Answer 3

这使得SPAN看起来像PRE:

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

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

Answer 4

具体来说,您正在查看的属性是:

white-space: pre

Answer 5

虽然接受的答案确实是正确的，但如果您希望文本换行，您应该使用：

white-space: pre-wrap;