轉自:http://www.cnblogs.com/hlz789456123/archive/2009/02/18/1392972.html
html代码:
<div>
<p><span>CSS Web Design 我爱CSS-Web标准化 Div+css教程 - www.52css.com</span><p>
</div>
css代码:
div{
200px;/*容器的基本定义*/
height:200px;
}
/* IE下的样式 */
p span{
display: block;
200px;/*对宽度的定义,根据情况修改*/
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
/* FF 下的样式 */
p{clear:both;}
p span{
float:left;
max-175px; /*IE不能解释该属性,而FF可以*/
}
p:after{
content:"...";
}
<div>
<p><span>CSS Web Design 我爱CSS-Web标准化 Div+css教程 - www.52css.com</span><p>
</div>
css代码:
div{
200px;/*容器的基本定义*/
height:200px;
}
/* IE下的样式 */
p span{
display: block;
200px;/*对宽度的定义,根据情况修改*/
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
/* FF 下的样式 */
p{clear:both;}
p span{
float:left;
max-175px; /*IE不能解释该属性,而FF可以*/
}
p:after{
content:"...";
}