1

Safari は、 がs またはs にwhite-space: pre;適用されると、以下のようにテキストをラッピングする素晴らしい仕事をします。<div><textarea>

<textarea style="width:300px; white-space:pre; word-wrap:break-word;"> text. dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</textarea>

単語がテキストエリアの に到達するmax-widthと、 を使用した場合のように、単語全体が 1 行下に移動しませんword-wrap: break-word;。代わりに、単語を分割しmax-width、左下の改行から続けます。これを主要なブラウザすべてで再現できるようにしたいのですが、めんどくさいのであれば Firefox と IE だけで十分です。

これを達成する方法についてのアイデア/アドバイスは大歓迎です。

4

2 に答える 2

1

overflow-wrapまたはword-wrapを使用します。これらは同義語ですが、私の経験から、word-wrapほとんどのブラウザで機能します。

textarea {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

これにより、ハードブレークが挿入されます。

于 2012-07-28T11:01:19.883 に答える