(轉)CSS 單行溢出文本顯示省略號...的方法（兼容IE FF）

轉自：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{
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:"...";}