最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
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>实现超过特定长度显示省略号的方法
- 芭比娃娃色调照片，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;}
相关文章
- 《星球工匠》电路板获得方法 04-19
- 《长安小时光》下载方法方法 04-19
- 《下一站江湖2》情比金坚作用介绍 04-19
- 《星露谷物语》获得地板方法 04-19
- 《下一站江湖2》虞令羽之墓开启方法 04-19
- 《下一站江湖2》神刀鬼谕获取方法 04-19