我无法找到将“text-overflow:ellipsis”样式应用于
<input type='file'/>
中 Firefox 浏览器中所选文件名的解决方案
我正在应用CSS如下
.inp{
display: inline-block;
text-overflow:ellipsis
-ms-text-overflow:ellipsis;
white-space: nowrap;
overflow: hidden;
word-wrap: normal;
vertical-align: bottom;
width:16em;
}
“省略号”后缺少分号,但我认为您的问题可能在于使用“em”作为宽度。如果可以的话,使用固定宽度或最大宽度(以像素为单位)。另外,16em 是一个巨大的尺寸,具体取决于它所基于的尺寸。
这里对您的问题、可能的原因和解决方案进行了精彩的解释:
您可以尝试设置宽度,这将使文本换行。这在 Firefox 中效果很好。