html - 在 pre 元素内时可以让 HTML span 元素自动换行吗？

Question

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

这是一个显示上述内容的 jsfiddle。我尝试将 to 更改display为blockor inline-block。我试过设置word-wrap为break-word. 似乎没有任何效果。

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

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

score 6 · Accepted Answer

6

您只需将以下内容添加到您的 CSS

pre{
  white-space:pre-wrap;
}

于 2013-01-17T18:20:21.817 回答

score 3 · Accepted Answer

如果您不想预先格式化您的，请为该元素pre添加到您的 CSS 中。white-space: normal;

white-space: pre-wrap给出不同的结果，这可能是也可能不是您在应用程序中真正想要的。http://jsfiddle.net/mblase75/4bWDx/9/ -- 试试看你喜欢什么。

score 0 · Accepted Answer

0

试过这个：

white-space:pre;

为我工作

于 2015-10-16T08:41:40.563 回答

3 回答 3