首页 > Web开发 > 详细

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

时间:2015-02-04 18:28:45      阅读:356      评论: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:"...";
}

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!