jquery - 如何对齐 DIV 包含没有空格的字符串

Question

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

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

我有一个宽度为 200 像素的DIV，所以如果字符串中没有空格，这个字符串就会超出DIV。我该如何解决？我希望这个字符串在达到 200 像素的宽度限制时从新行开始。

我还做了一个 JsFiddle DEMO：

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

score 4 · Accepted Answer

4

div {
    word-break: break-all;
}

于 2013-09-12T13:33:40.217 回答

score 2 · Accepted Answer

2

添加这个CSS：

word-wrap : break-word;

于 2013-09-12T13:33:43.853 回答

score 0 · Accepted Answer

如果您正在寻找仍然在一行上的内容，您可以使用与此类似的内容来获得：

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

如果您不担心它会进入新线路，那么其他答案之一将对您有所帮助:)

score 0 · Accepted Answer

#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”的替代名称</p>

4 回答 4