兼容IE跟firefox的文本溢出显示省略号的样式

分类: IT文章 • 2022-04-19 12:16:19

兼容IE和firefox的文本溢出显示省略号的样式

<div style="width:450px; height:18px; overflow:hidden; zoom:1;">
<div style="float:left; height:18px; margin-right:8px; overflow:hidden;">
content

    </div>
    <div style="width:13px; height:18.1px; float:right; margin-top:-18px;">...</div>
   </div>

利用内容的长度过长把"..."的层挤下来的原理,其中的各种宽度可根据实际需要修改