最もこれまでにない力、TEXTAREA要素にラップ,*に関わらず*の空白文字

StackOverflow https://stackoverflow.com/questions/47817

  •  09-06-2019
  •  | 
  •  

質問

Html Textarea要素のみにラップになスペースまたはタブ文字です。これは微細になるまで、ユーザーの種類では、looooooooooooooooooooooong十分な言葉です。を探していなければならないという徹底と改行(例:でも結果は"looooooooooooりooooooooooong").

alt text

エクスペディアのキャンセがその場で発音を確認することが当たるので、これまで、幅ゼロのunicodeスペース毎に文字がこの休みにコピー-貼り付けます。誰にも知らのより良いそうです。

注意：というのは、"textarea"要素はこちら(例:の動作と同様に、テキスト入力）だけでなく、平野の古いブロックします。

役に立ちましたか？

解決

CSSの設定 word-wrap:break-word や text-wrap:unrestricted されるCSSの3つのが特徴です。運良く見ないというこの電流になります。

他のヒント

破長の言葉でtextarea幅サイズ：

1)現代のブラウザ：

textarea { word-break: break-all; }

2)IE8の互換性の追加:

textarea { -ms-word-break: break-all; }

https://msdn.microsoft.com/en-us/library/ms531184%28v=vs.85%29.aspx

3)追加IE11の互換性hack:

Internet Explorer11アップがうまくいきません

@media all and (-ms-high-contrast:none) {
*::-ms-backdrop, textarea { white-space: pre; } 
}

このコードで正常に動作して：

-IE11、Chrome51、Firefox46(Windows7);

-IE8,Chrome49,Firefox18(Windows Xp);

エ12.10240、オペラ30(Windows10);

が非標準の要素wbrでサポートされている少なくとも

Firefox http://developer.mozilla.org/En/HTML/Element

Internet Explorer http://msdn.microsoft.com/en-us/library/ms535917(VS.85).aspx

やオペラ座があります。

かさ <wbr>, &#8203; や ­ ます。全てがどのようIE7、Firefox3をロードしてください

この破壊しない、コピー/ペーストした <wbr> タグです。

この試験は、Firefoxに記載の行動の中で現在のブラウザを推奨いたします。ねあなたの最善の策は、差し迫ったリリースのFirefox3.1を解決する問題)

最もエレガントでの利用 wrap="soft" 包全体の単語または wrap="hard" のための包装による文字や wrap="off" な包装ですべてのもの wrap="off" ることができるのではないとして自動的にブラウザの使用を自動的によって、いつも聞いている wrap="off".
例:

<textarea name="tbox" cols="24" rows="4" wrap="soft"></textarea>
ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top