css的问题div.test{white-space:nowrap;width:12em;overflow:hidden;position:relative;cursor:pointer;}后面的省略号出不来。

Question

css的问题
div.test{
white-space:nowrap;
width:12em;
overflow:hidden;
position: relative;
cursor: pointer;
}
后面的省略号出不来。

Answer 1

你这个并没有说显示省略号，还要加个text-overflow:ellipsis但是这个低端火狐不支持，具体你可以百度资料看看，不过通常写法是:
overflow:hidden;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
white-space:nowrap;
width:100%;
如果你设计宽度不是继承父级元素那就得指定固定宽度哦，-o则是针对opera浏览器设定