最新下载
热门教程
- 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;}
相关文章
- 银与绯吉尔兰技能怎么样 吉尔兰战斗特性解析 07-14
- 异环异象管理局局长是谁 艾尔菲德角色详细介绍 07-14
- 欧意易ok官网下载版 欧意易app下载 07-14
- 迷你世界马车怎么做 马车制作方法介绍 07-14
- 碳碳岛许愿池有什么作用 许愿池建造方法介绍 07-14
- 最终幻想14水晶世界怎么招募雇员 招募雇员方法介绍 07-14