我遇到一个问题,即span
个absolute
元素位于pre
位置(它们是标注)。它们通常是单行,但有时需要包装。这很好。我设置了一个宽度,它们会自动换行。 除非 ,否则它们位于display
元素内。
这是一个jsfiddle showing the above。我尝试将block
更改为inline-block
或word-wrap
。我已尝试将break-word
设为span
。似乎没什么用。
我可以尝试将div
更改为{{1}},我猜在语义上也是有道理的......但这需要比现在通过我的应用程序处理的时间更长的时间。< / p>
我对html5或css3解决方案非常满意,该解决方案仅适用于最新的浏览器。
答案 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;
为我工作