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

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章