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内核的都能正常显示,不太明白,如果有朋友知道,还望告知
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。