停止div内容溢出?

时间:2012-02-03 23:32:28

标签: html css

如果我有一个具有特定宽度的div,并且它包含连续内容,那么它将溢出。有没有办法让它打破这个词并将其中一部分移到下一行? e.g:

<div style="float:left;width:200px;">thiscontentwilloverflowthedivbecuaseitdoesnthaveanyspacesinit</div>

感谢。

2 个答案:

答案 0 :(得分:6)

添加以下css:

overflow:hidden; word-wrap:break-word

自动换行是css3所以它不适用于每个浏览器

答案 1 :(得分:0)

使用

overflow-wrap: break-word;

这是兼容性。

https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap