当前位置: 首页 > 网页设计 > 网页制作技巧 > 正文

用CSS实现标题过长部分用省略号显示

时间:2016-12-09

使用方法:在CSS中同时应用width=""; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;才能达到效果。

width="";定义显示宽度

overflow:hidden; 溢出隐藏

text-overflow:ellipsis;省略号显示溢出文本内容

white-space:nowrap; 强制文本在一行内显示

用width指它好宽度、overflow:hidden;将超出的内容隐藏就行了

在ie下加上text-overflow:ellipsis;效果加你上面的一样,标题过长会自动显示省略号