テキストの幅の制限

Question

私のサイトの長い入力は、divと許可された幅からオーバーフローします。

スペースがある場合にのみ、ブラウザで改行が挿入されるためです。

私のサイトはすべてユーザー入力に関するものなので、ものすごく混乱する可能性があります。

入力にスペースがない場合でも幅を制限する方法があるかどうかを知りたかったのです。

Answer 1

divをスクロール可能にすると、オーバーフローするコンテンツがレイアウトを破らずにスクロールするようになります。

<div style="overflow:scroll;">...</div> 

Answer 2

単語の折り返しは単語の境界線を壊します。単語の境界がない場合は、それが問題になるでしょう。

ワードラップに頼るのではなく、overflow: scrollとCSSのスクロールでコンテナをスクロール可能にしてください。

Answer 3

あなたの代わりにoverflow:autoを使用することをおすすめします。それはあなたに良い結果を与えるかもしれません。