请在 Firefox 中查看以下小提琴，您会看到 textarea 中的文本行由于文件名过长而在中途被截断，但在 IE 和 Chrome 中，该行占据了 textarea 的整个宽度，并且仅一旦它到达终点就换行。我想在 Firefox 中实现同样的行为，并用我有限的 CSS 技能尝试了所有我能做的事情，但无济于事，所以我想我会停止拔头发，向专业人士寻求帮助。
小提琴：http: //jsfiddle.net/yGuAy/1/
问问题
128 次
4 回答
0
没有价值word-wrap:并且text-wrap:似乎对我有用。但是，您可以通过在链接中使用破折号而不是下划线来省略您的问题。
于 2012-07-04T09:43:41.587 回答
0
通过在 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 会这样。我认为问题在于 url 中的“/”。如果我删除它可以工作，但同样我不知道原因。
于 2012-07-04T10:30:01.220 回答
0
如果您使用 textarea width 属性和 font-size ，您可以获得理想的结果。
于 2012-07-04T09:46:03.503 回答
-1
我认为Firefox正在考虑字符串的最后一部分
/some_really_long_and_complex_file_name.ext
是一个单词（这是真的），它可能比文本区域中可用的水平空间长，所以它只是将最后一部分放在下一行。因此，如果您尝试增加文本区域的宽度，它将水平放置。
于 2012-07-04T09:36:16.803 回答