文章提供三种关于文章标题过长了,控制显示为略号方法,下面有三款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:"...";
}
实例
css实现超过特定长度显示省略号的方法
- 芭比娃娃色调照片,ps制作过程
- 照片处理 ps轻松制作漂亮灿烂星空mm特效照
- photoshop教程简单打造画意效果的老照片美女特效
- 照片处理 photoshop为照片添加真实阴影和光线离
- photoshop简单为照片绘制可爱个性心形图案
- flash教程:简单实现as绘制贝塞尔曲线
实例三
.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;}