在pre元素内部时,可以将HTML span元素设置为自动换行吗?

时间:2013-01-17 18:12:54

标签: html css html5 css3 absolute

我遇到一个问题,即spanabsolute元素位于pre位置(它们是标注)。它们通常是单行,但有时需要包装。这很好。我设置了一个宽度,它们会自动换行。 除非 ,否则它们位于display元素内。

这是一个jsfiddle showing the above。我尝试将block更改为inline-blockword-wrap。我已尝试将break-word设为span。似乎没什么用。

我可以尝试将div更改为{{1}},我猜在语义上也是有道理的......但这需要比现在通过我的应用程序处理的时间更长的时间。< / p>

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

3 个答案:

答案 0 :(得分:6)

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

pre{
  white-space:pre-wrap;
}

答案 1 :(得分:3)

如果您不想预先格式化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/ - 尝试两种方式,看看你喜欢什么。

答案 2 :(得分:0)

试过这个:

white-space:pre;

为我工作