3

Firefoxで次のフィドルを見ると、ファイル名が長いためにテキストエリアのテキスト行が途中で途切れていることがわかりますが、IEとChromeでは、行はテキストエリアの幅全体になります。終わりに達するとラップします。Firefoxでこれと同じ動作を実現したいと思います。限られたCSSスキルでできる限りのことを試みて、それが役に立たないようにしたので、髪の毛を抜くのをやめてプロに助けを求めようと思いました。

フィドル: http: //jsfiddle.net/yGuAy/1/

4

4 に答える 4

0

textarea の width プロパティと font-size をいじってみると、望ましい結果が得られます。

JsFiddle の例

于 2012-07-04T09:46:03.503 に答える
0

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.

于 2012-07-04T10:30:01.220 に答える
0

の値はなくword-wrap:text-wrap:私にはうまくいくようです。ただし、リンクでアンダースコアの代わりにダッシュを使用すると、問題を省略できます。

于 2012-07-04T09:43:41.587 に答える
-1

Firefoxは文字列の最後の部分を考慮していると思います

/some_really_long_and_complex_file_name.ext

これは、テキスト領域で使用可能な水平方向のスペースよりも長い可能性があるため、最後の部分を次の行に配置するだけです。したがって、テキスト領域の幅を広げようとすると、横に収まります。

于 2012-07-04T09:36:16.803 に答える