CSS 溢出部分以省略号显示

html 如下:

<div class="box">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>

css 代码如下:

.box{ width:50px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

网上有人说兼容IE7 需要加上 <meta http-equiv="x-ua-compatible" content="ie=7" /> 这句话,经我测试不加也可以,

测试结果如下

技术分享

最后还有个问题,就是出现的省略号,Chrome、FF、360都偏上,IE内核的都能正常显示,不太明白,如果有朋友知道,还望告知

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。