如何让文本进入下一行如果溢出？

我试过word-wrap: break-word;，但它分隔中间的单词。如何让文本进入下一行如果溢出？

2011-12-03 user784756

您是否尝试过在包含分区设置最大宽度？ – diceler

也许它将中间词划分出来，因为你将它设置为“诀窍”，你期望做什么？你有没有检查'换行'有什么其他选项？ –

这是大多数情况下的默认行为。你能提供一个代码片段吗？ – sabof

只要你在元素上指定了一个宽度，它就应该包裹自己而不需要其他东西。

2011-12-03 18:24:59

错误在于它是一个pre元素。一旦我改变了以前这个答案工作。 – user784756

如果你设置'width：auto'，会发生什么？我的按钮的文本仍然在其父容器的右边缘被切断。有任何想法吗？ – andy4thehuynh

@andystructible这可能会很难回答，缺乏上下文（其他风格适用于它）。我会建议开一个新的问题。一种可能性是，在某个点上，“overflow：hidden”应用于按钮，或者该按钮不在文档流中（例如，如果已经浮动）。 –

为了使用word-wrap: break-word，您需要设置宽度（以像素为单位）。例如：

div { 
    width: 250px; 
    word-wrap: break-word; 
}

word-wrap是一个CSS3属性，但它应该适用于所有浏览器，包括IE 5.5-9。

2011-12-04 09:30:10

它也适用于in（英寸）的宽度 – joetinger

非常感谢，它为我节省了很多头痛，当我试图在使用标签控件显示多行文本内容的datalist上设置宽度时..再次，谢谢。 – Ron

它也适用于React中宽度的百分比 – fungusanthrax

word-wrap: break-word;

添加到您的容器应该做的伎俩

2013-10-12 06:34:53 Damathryx

回答