CSSで特定の幅の後に改行する方法

私のチャットバブルでは、たくさんの文字を入力するとバブルの外に出ます。

ある幅の後に改行するCSSテクニックはありますか？

2016-11-25 IamNOOB

あなたの問題を助ける可能性があり、これを試してみてください。 'word-break：break-word'これが助けてくれることを願って –

私はあなたが単語ラップを使うことができると思います – Kasnady

[
を使わずにCSSから改行を与える方法？]（http://stackoverflow.com/questions）/2703601/how-to-give-line-break-from-css-without-using-br） – theoretisch

はこれを試してみてください：

.your-bubble { 
    width: 250px; // width can be depend on you 
    white-space: normal; 
    word-break: break-word; 
}

これは

2016-11-25 07:38:48

私はこれがより良い解決策だと思います。しかし、なぜsomoneはそれを落としましたか？ – IamNOOB

p{ 
 
    width: 100px; 
 
    border: 1px solid #111; 
 
    word-break: break-word; 
 
}

<p>some random text jfkdfjkd jkfdkf</p>

2016-11-25 07:41:55 Rahul

私がチャットUIをデザインしているのであれば、ブレークオールは使用しません。 –

私は@ Ryad.ivに同意します。これはチャットアプリのためには役に立たないでしょう –

それは私のために完璧に働いています – IamNOOB

答えて