獲取文本去在Firefox中的文本區域的整個寬度

請在Firefox中查看下面的提琴，你會看到textarea中的文本行因爲長文件名而在中途切斷，但是在IE和Chrome瀏覽器，這行代碼覆蓋了textarea的整個寬度，並且只有在達到最後時才進行包裝。我想在Firefox中實現這種相同的行爲，並嘗試盡我所能用我有限的CSS技能，使其工作無濟於事，所以認爲我會停止拉我的頭髮，並尋求專業人士的一些幫助。獲取文本去在Firefox中的文本區域的整個寬度

小提琴：http://jsfiddle.net/yGuAy/1/

來源

2012-07-04 Dave k

我使用的是火狐，它工作正常... – menislici

那麼你必須有一些版本，沒有表現出我說的行爲。我有版本13.0.1，你可以看看我在說什麼，如果你正在使用該版本。 –

-1

我認爲Firefox是考慮串

/some_really_long_and_complex_file_name.ext

是一個字（這是真的），這可能長於可用的水平空間的最後一部分在文本區域，所以它只是把最後一部分放在下一行。因此，如果您嘗試增加文本區域的寬度，它將水平放置。

來源

2012-07-04 09:36:16

Yeha，我知道它爲什麼這樣做我只需要知道如何使它不這樣做（使用CSS，如果可能的話），因爲我不能改變textarea的寬度，也不能改變文件名的大小。 –

沒有任何值爲word-wrap:和text-wrap:似乎爲我工作。但是，您可以通過在鏈接中使用破折號而不是下劃線來省略問題。

來源

2012-07-04 09:43:41 poepje

謝謝，但正如我所說，我真的不能改變文件名，因爲他們必須匹配服務器上的文件的名稱（這是由我無法訪問的PHP腳本生成），所以我必須堅持下劃線 –

你didn提到：p但是好的，我看到 – poepje

如果使用textarea width屬性和字體大小，可以達到理想的效果。

JsFiddle Example

來源

2012-07-04 09:46:03 menislici

不幸的是，這是不可能的，並且不會真的幫助，因爲正如我所說我無法控制文件名是多久，因爲這些是用戶提交的文件，我不允許重命名它們。 –

但是你可以設置textarea的寬度，不是嗎？ http://jsfiddle.net/yGuAy/1/ – menislici

不，它已經設置爲最大寬度。我只是在小提琴中使用了這個尺寸，所以你可以在不調整輸出窗格的情況下看到它。在版本中，我已經將cols值設置爲高，因爲我可以設置它並保持在網站佈局的限制範圍內。 –

通過textarea的增加尺寸的款式呢工程─

<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>

但這是治標不治本，但因此與firefox.I認爲問題是想不通爲什麼會「/ 「在url中。如果我刪除它的作品，但我不知道原因。

來源

2012-07-04 10:30:01

我剛試過你的確切例子，看不出有什麼區別。這裏是你的確切代碼的鏈接。 Dabblet：http://dabblet.com/gist/3046720 –

請通過這個 - http://jsfiddle.net/sandipkaranjekar/rkN32/這個工作與我。我使用Ubuntu的Firefox 4.0，如果不工作可能瀏覽器問題。 –

不，仍然無法使用您發佈的鏈接。我使用的是Firefox 13.0..1（最新的公開版），你的版本已經過時了，很多事情自那時以來已經改變，這就是爲什麼它可能適合你。 –

獲取文本去在Firefox中的文本區域的整個寬度

回答

相關問題