【前端技术】CSS 单行溢出文本显示省略号...的方法(兼容IE FF)

html代码:divp

html代码:

<div>
<p><span>我爱学技术 - blog.emtalk.net - 逐风的技术之路</span><p>
</div>


css代码:

div{
width:200px;/*容器的基本定义*/
height:200px;
background-color:#eee;
}


/* 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:"...";
}


本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

设置或获取对象指定的文件名或路径。alert(window.location.pathname
DEDE项目上 编辑软件大小(单位换算):$(doc
script language="javascript"&g
JQ代码如下:script langu