contenteditable overflow-x width：100％

Question

私はcontenteditable divをコンテナの100％にしたいと思っています。

divは、文体のものの中で、適用される次のスタイルを持っています

width: 100%; 
max-width: 100%; 
height: 480px; 
overflow-x: auto; 
overflow-y: scroll; 
word-wrap: break-word; 
overflow-wrap: break-word 

問題はテキストを水平に折り返さないことです。 widthとmax-widthが設定されているにもかかわらず、各行の長さが元の幅を超えると、divは無限に拡張し続けます。

プロパティを明示的な数量に変更します（例： 960pxは、所望の効果を有する。 divは、定義されたサイズのままであり、線の明白な終わりに達すると、その内部に水平テキストがラップされます。私はcontenteditable divがその親の100％を消費することを望む。テキスト入力時に無限に水平方向に展開せずに、どのようにして親を満たすことができますか？

Ilmiont

Answer 1

あなたはコンテナに `width`のハード値を設定し

text-overflow:ellipsis;