最新下载
热门教程
- 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;}
相关文章
- 王者荣耀侦探能力大测试攻略 王者荣耀侦探能力大测试怎么过 11-22
- 无期迷途主线前瞻兑换码是什么 11-22
- 原神欧洛伦怎么培养 11-22
- 炉石传说网易云音乐联动怎么玩 11-22
- 永劫无间手游确幸转盘怎么样 11-22
- 无期迷途主线前瞻兑换码是什么 无期迷途主线前瞻直播兑换码介绍 11-22