在<pre>元素内部，能否使HTML的<span>元素自动换行？

Question

我有一个问题，我有一些被称为call-outs的元素，它们通常是单行的，但有时需要换行。这个没问题，我设置了一个宽度，它们就能自动换行。除非它们在

元素

内部。

在这里看到jsfiddle演示。我试过把display改成block或inline-block，也试过把word-wrap设置为break-word。但都不起作用。

我可以尝试把改成

，从语义上讲这也是合理的...但处理我的应用程序需要更多时间。

我很满意只适用于最新浏览器的html5或css3解决方案。

- at.

Answer 1

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

pre{
  white-space:pre-wrap;
}

- Sven Bieder

Answer 2

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

https://developer.mozilla.org/en-US/docs/CSS/white-space

http://jsfiddle.net/mblase75/4bWDx/6/

white-space: pre-wrap会产生不同的结果，这可能或可能不是你在应用程序中真正想要的。http://jsfiddle.net/mblase75/4bWDx/9/-- 尝试两种方式并看看哪种更适合您。

- Blazemonger

---

我确实需要保留空白，这也是我使用pre标签的原因。感谢提供有关“white-space”的更多信息的链接。 - at.

Answer 3

尝试了这个：

white-space:pre;

对我有用

- Joey