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

Question

我有一个问题,我有span元素absolute定位(他们是标注).它们通常是单行,但有时需要包装.这很好.我设置了一个宽度,它们会自动换行.除非它们在pre元素内.

这是一个显示上述内容的jsfiddle.我已经尝试过更改display为block或inline-block.我试过设置word-wrap到break-word.似乎没什么用.

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

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

Answer 1

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

pre{
  white-space:pre-wrap;
}