(轉)CSS 单行溢出文本显示省略号...的方法（兼容IE FF）

时间：2015-02-04 18:30:57 阅读：154 评论：0 收藏：0 [点我收藏+]

标签：

html代码：
<div>
<p><span>CSS Web Design 我爱CSS-Web标准化 Div+css教程 - www.52css.com</span><p>
</div>

css代码：
div{
width:200px;/*容器的基本定义*/
height:200px;

}

/* IE下的样式 */
p span{
display: block;
width:200px;/*对宽度的定义,根据情况修改*/
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

/* FF 下的样式 */
p{clear:both;}
p span{
float:left;
max-width:175px; /*IE不能解释该属性，而FF可以*/
}
p:after{
content:"...";
}

标签：

原文地址：http://www.cnblogs.com/Koy/p/4272931.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行