如何对齐DIV包含没有空格的String

Question

我有一个没有空格的动态字符串

i.e: 12345678912345678912345634589 // This is a dynamic content from php.

我的 DIV 200px宽度 因此，如果字符串中有无空格，则此字符串将超出 DIV 。 我该如何解决？我希望这个字符串在达到200px的宽度限制时从新行开始。

我还制作了一个JsFiddle DEMO：

http://jsfiddle.net/ACF7N/6/

Answer 1

div {
    word-break: break-all;
}

http://www.w3schools.com/cssref/css3_pr_word-break.asp

Answer 2

添加此CSS：

word-wrap : break-word;

演示：http://jsfiddle.net/ACF7N/7/

Answer 3

#description
{
    border:1px solid #BBBBBB;
    width:200px; 
    word-wrap: break-word; //Add this
}

或者，您也可以使用

overflow-wrap:break-word; 

根据规范http://www.w3.org/TR/css3-text/#overflow-wrap， 'word-wrap'作为'overflow-wrap'的替代名称

Answer 4

如果您仍在寻找一行中的内容，可以使用类似的内容来实现：

#description
{
    border:1px solid #BBBBBB;
    width:200px;
    overflow:hidden; //add this
    text-overflow:ellipsis;  //and this
}

如果您不担心它会进入新的界限，其他一个答案将对您有所帮助：）