jquery - DIV にスペースを含まない文字列を配置する方法

Question

スペースのない動的文字列があります

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

そして、幅が200pxのDIVがあるので、文字列にスペースがない場合、この文字列はDIVから外れます。どうすれば修正できますか？この文字列は、幅制限の 200px に達したときに改行から開始する必要があります。

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; 
    word-wrap: break-word; //Add this
}

または、使用することもできます

overflow-wrap:break-word;

http://www.w3.org/TR/css3-text/#overflow-wrapの仕様から、「overflow-wrap」の代替名として「word-wrap」</p>

score 0 · Accepted Answer

コンテンツが 1 行に収まるように探している場合は、次のようなものを使用してそれを取得できます。

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

新しい行に移動することを心配していない場合は、他の回答のいずれかが役立ちます:)

4 に答える 4