1. 程式人生 > >text-overflow:ellipsis溢位文字顯示省略號的詳細方法_CSS教程

text-overflow:ellipsis溢位文字顯示省略號的詳細方法_CSS教程

 


三者缺一不可,需同時應用: text-overflow:ellipsis; white-space:nowrap; overflow:hidden; 實現了所想要得到的溢位文字顯示省略號效果:

 

li {width:300px; line-height:25px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}