html - 在 pre 元素中时，是否可以让 HTML span 元素自动换行？

Question

我有一个问题，我的 span 元素是 absolute 定位的(它们是标注)。它们通常是单行，但有时需要换行。那很好用。我设置了一个宽度，它们会自动换行。 除非它们位于pre 元素内。

这是一个 jsfiddle showing the above .我试过将 display 更改为 block 或 inline-block。我试过将 word-wrap 设置为 break-word。似乎没有任何效果。

我可以尝试将 span 更改为 div，我想从语义上讲这也是有道理的...但这需要比我现在处理更多的时间通过我的应用程序。

我对仅适用于最新浏览器的 html5 或 css3 解决方案非常满意。

Answer 1

你只需要在你的 CSS 中添加以下内容

pre{
  white-space:pre-wrap;
}