我在一个div中使用了下面的word-wrap属性，但它似乎根本没有起作用。 有其他的替代方案吗？
word-wrap: break-word;
这是CSS 3，那CSS 2呢？谢谢，Jean。
"word-wrap:break-word" 似乎无效。
3
- X10nD
6
你希望它在哪些浏览器中运行？ - Deniz Dogan
Chrome可以正常工作，我不指望它在IE上能够正常工作，但是在FF上也无法工作。 - X10nD
1如果我没记错的话，它应该可以在IE（甚至是IE6）和Firefox 3.5+中运行。现在在quirksmode.org上找不到这个页面了。 - wsanville
它在Firefox 3.6+中尚未实现，但在CSS3发布时会实现。 - Kyle
使用CSS包装长URL和文本内容的参考：http://perishablepress.com/wrapping-content/ - LCJ
请参考以下链接：https://dev59.com/M2025IYBdhLWcg3wpHl- - LCJ
5个回答
2
这是一个CSS3属性，请确保你/访客的浏览器支持CSS3。
- Tim
1
我正在Chrome和FF中进行测试。 - X10nD
1
尝试：
text-align: justify;
white-space: normal !important;
}
并在 div 上设置固定宽度。
- Tim
0
.mydiv1 {
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;}
.mydiv2 {
word-break: break-all;}
在类mydiv1中，它是“word-break: break-all”和“word-wrap: break-word”的组合。而在类mydiv2中只有“word-break: break-all”。
- Dewa Putra
0
尝试：
div.mydiv
{
white-space: normal;
}
上述方法无效。
FF浏览器不支持该CSS3选择器，如Mozilla.org论坛所述，并且Mozilla bug报告。
尝试使用溢出或使用
text-align:justify;
- Kyle
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接
- 相关问题
- 4 "word-wrap: break-word" 与内联块子元素
- 18 CSS的word-wrap: break-word无法工作
- 53 IE8中的word-wrap:break-word不起作用。
- 4 "word-wrap:break-word在iText 2.1.7中无效"
- 105 这个例子中 word-wrap break-word 不起作用。
- 4 word-wrap: break-word; 不会打破 <code></code> 标记
- 83 在表格中使用"word-wrap: break-word"
- 4 “word-break: break-all” 和 “word-wrap: break-word” 有什么区别？
- 12 word-wrap: break-word和word-break: break-word有什么区别？
- 4 结合word-wrap：break-word;和white-space：pre;