Firefoxで次のフィドルを見ると、ファイル名が長いためにテキストエリアのテキスト行が途中で途切れていることがわかりますが、IEとChromeでは、行はテキストエリアの幅全体になります。終わりに達するとラップします。Firefoxでこれと同じ動作を実現したいと思います。限られたCSSスキルでできる限りのことを試みて、それが役に立たないようにしたので、髪の毛を抜くのをやめてプロに助けを求めようと思いました。
フィドル: http: //jsfiddle.net/yGuAy/1/
Firefoxで次のフィドルを見ると、ファイル名が長いためにテキストエリアのテキスト行が途中で途切れていることがわかりますが、IEとChromeでは、行はテキストエリアの幅全体になります。終わりに達するとラップします。Firefoxでこれと同じ動作を実現したいと思います。限られたCSSスキルでできる限りのことを試みて、それが役に立たないようにしたので、髪の毛を抜くのをやめてプロに助けを求めようと思いました。
フィドル: http: //jsfiddle.net/yGuAy/1/
textarea の width プロパティと font-size をいじってみると、望ましい結果が得られます。
By adding style of dimension in textarea it works-
<textarea cols="70" rows="3" style="width: 675px; height: 30px;">http://www.example.com/some_dir/another_dir/some_really_long_and_complex_file_name.ext</textarea>
But this is temporary solution but can not figure out why is it so with firefox.I think problem is with " / " in url .If i removes it works but same i don't know reason.
の値はなくword-wrap:
、text-wrap:
私にはうまくいくようです。ただし、リンクでアンダースコアの代わりにダッシュを使用すると、問題を省略できます。
Firefoxは文字列の最後の部分を考慮していると思います
/some_really_long_and_complex_file_name.ext
これは、テキスト領域で使用可能な水平方向のスペースよりも長い可能性があるため、最後の部分を次の行に配置するだけです。したがって、テキスト領域の幅を広げようとすると、横に収まります。