1. ホーム
  2. html

[解決済み] textareaからword wrapを取り除くには?

2022-04-24 17:39:31

質問

私のシンプルなtextareaは、テキストがオーバーフローしたときに水平方向のバーが表示されません。改行するためにテキストを折り返します。どうすれば、折り返しをなくし、テキストがオーバーフローしたときに水平方向のバーを表示できますか?

解決方法は?

テキストエリアはデフォルトでは折り返されませんが、wrap="soft"を設定して、明示的に折り返しを無効にすることができます。

<textarea name="nowrap" cols="30" rows="3" wrap="soft"></textarea>

<ストライク EDIT: "wrap"属性は公式にはサポートされていません。私はこれを ドイツ語のSELFHTMLのページ (英語のソースは こちら によると、IE4.0とNetscape2.0がサポートしているそうです。また、FF 3.0.7でテストしたところ、想定通りに動作しました。 SELFHTMLはwikiになり、英語のソースリンクはなくなっています。

EDIT2: 全てのブラウザに対応させたい場合は、CSSでwrapの挙動を変更することができます。

<ブロッククオート

カスケーディング・スタイル・シート(CSS)を使用すると、次のように同じ効果を得ることができます。 white-space: nowrap; overflow: auto; . したがって、wrap属性は時代遅れとみなすことができる。

から これ (textareaに関する情報が掲載されている優れたページと思われます)。

EDIT3:いつ頃変わったのかわかりませんが(コメントによると、2014年頃だったはず)。 wrap は、現在では正式なHTML5属性となっています。 w3schools . これに合わせて、回答を変更しました。