Html 如何使a<；中的线正确断开；预处理>；宽度？

我有一个

标签，需要有宽度和高度。出于某种原因，每当文本超出

的内容时，行不会中断，文本就会继续。我如何纠正这一点

<pre class="wrapped">Lorem ipsum dolor sit amet</pre>

pre.wrapped {
   white-space: pre-wrap;
}

下面是一个JSFIDLE演示此问题：

使用css：

Lorem ipsum dolor sit amet
预包装{
空白：预包装；
}

使用css：

Lorem ipsum dolor sit amet
预包装{
空白：预包装；
}

如果要包装，为什么要使用

？只有在不希望出现这种情况时才使用

。@MattiVirkkunen如果不希望空格折叠，也可以使用pre。@AbhiBeckert：这很公平。如果要将其包装，为什么要使用

？您可能只在不希望出现这种情况时才使用

。@MattiVirkkunen如果您不希望空格折叠，您也可以使用pre。@AbhiBeckert:这很公平。+1请注意

预包装的浏览器兼容性

：虽然它认为最好将

更改为

+1，但这会起作用注意

pre-wrap

的浏览器兼容性：虽然它认为最好将

更改为