9

私が達成しようとしているのは、テキストエリア内のシーケンスの空白を保持し、行末で単語が壊れないようにすることです。

これによると： http://www.w3schools.com/cssref/pr_text_white-space.asp

設定するとき

white-space: pre-wrap;

WHITESPACES を保持し、最後に単語を分割しないようにする必要があります。

ただし、この jsfiddle が示すように、Google chrome は空白のシーケンスを保持しません (テキストエリアには多くのスペースがありますが、chrome の表示は少なくなります。他のすべてのブラウザーではそれらがどのように表示されるかに注意してください。ただし、chrome no です)。

http://jsfiddle.net/LXUEe/2/

この問題の解決策はありますか?

次を使用して空白を保持できます。

white-space: pre;

ただし、すべての長い単語は行末で分割されます（ただし、クロムの場合のみ...）

解決策はありますか？

前もって感謝します！

edit : その jsfiddle の行に連続してスペースを入力してみてください。カーソルが右端に到達するとスタックし、次の行に移動しません ( chrome )

4

1 に答える 1

8

W3C の推奨事項に正しく従っているブラウザは Chrome だけだと思います。

2番目のポイント4を見てください

行末のスペース (U+0020) またはタブ (U+0009) の 「空白」が「前折り返し」に設定されている場合、UA はそれらを視覚的に折りたたむことができます。

それが役立つことを願っています。

于 2013-02-06T08:30:03.473 に答える