web-dev-qa-db-ja.com

CSSまたは何？テキストを複数行に強制的に分割する

'#div'の最大幅に達したときに、テキストを複数行に強制的に分割します。

これどうやってするの？なぜなら、スペースなしで200文字のデータを出力しようとすると、次のようになるからです。

result1（間隔なし）：

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa...

result2（スペースが1つあります）：

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa (space)
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa...

私はそれを作りたい：

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa...

以下を使用する必要がありますか？：

 result+=str.substring(0,200)  "\n";

それともCSSスタイリングですか？

csshtmlstyling
18
John Bobs

申請中 Word-break: break-all;は、スペースやその他のタイプのブレークポイントを必要とせずに、親の幅を超えるたびに、どの文字でもテキストを折り返します。

42
K. V. Suresh

受け入れられた回答ですでに述べたように、次を使用します。

Word-break:break-all;

W3仕様 これらについて話すと、Word-break：break-allはCJK（中国語、日本語、韓国語）テキストで特定の動作を要求することを示唆しているようですが、Word-wrap：break- Wordは、より一般的で、CJK非対応の動作です。 （クレジット： AakashM ： 投稿を参照 ）

Word-Breakプロパティオプション（ W3Schools ）：

normal      Default value. Break words according to their usual rules

break-all   Lines may break between any two letters

keep-all    Breaks are prohibited between pairs of letters

initial     Sets this property to its default value. Read about initial

inherit     Inherits this property from its parent element. Read about

動作例：

Word-Break W3Schools

5
Dan Beaulieu

より小さいdivを作成し、[〜＃〜] css [〜＃〜]text-align: justifyおよびWord-break:break-all;

これはあなたが望むものですか？

5
Mohammad Masoudian

Word-breakプロパティを使用して、テキストフローを制御できます。次の値で問題が解決します：Word-break: break-all

詳細については、こちらをご覧ください： https://developer.mozilla.org/en-US/docs/Web/CSS/Word-break

0
Shreyash Shetty

divを使用し、CSVファイルでdivの幅を設定します

    .respose container:{
width:200
}

そして、htmlファイルに追加します

<p div="response container">
if(string.length>limit)
{`return string.substring(0,limit)+'...';`
}
else
{`return string;`
}
</p>
0
Shreyash Shetty