一聚教程网:一个值得你收藏的教程网站

热门教程

CSS控制省略号方式显示(IE、FF)

时间:2022-06-25 10:17:40 编辑:袖梨 来源:一聚教程网

文章提供三种关于文章标题过长了,控制显示为略号方法,下面有三款css教程控制省略号方式显示(ie、ff)代码,后两款都兼容ie,firefox。

div{
/*容器的基本定义*/

background-color:#eee;
}
/* ie下的样式 */
p span{
display: block;
/*对宽度的定义,根据情况修改*/
overflow: hidden;
white-space: nowrap;
text-overflow: ellips教程is;
}/* ff 下的样式 */
p{clear:both;}
p span{float:left;
max-
}
p:after{
content:"...";
}


实例





<a href="http://www.111com.net/cssdiv/css.html" target="_blank">css</a>实现超过特定长度显示省略号的方法





实例三

.ellipsis a{display: block;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}  
/* firefox only */ 
.ellipsis:not(p) {clear: both;}  
.ellipsis:not(p) a {max-float: left;}  
.ellipsis:not(p):after {content: "...";float: left;padding-left: 1px;} 


 

热门栏目