li{
width:50px;
white-space:nowrap;
text-overflow:ellipsis;
overflow: hidden;
}
首先是一個容器，可以是div,li,td等等,先定義寬度。
white-space:nowrap;是強制在一行內顯示所有文本，不回行。
text-overflow:ellipsis;就是關鍵了。text-overflow是CSS3新增的屬性，IE6以上版本支持。它可以帶2個參數：clip [不顯示省略標記（...），而是簡單的裁切]，ellipsis[當對象內文本溢出時顯示省略標記（...）]。
overflow:hidden;，讓多余文字在ff中隱藏，為了支持Firefox。
雖然打到了效果，但是因為用程序控制這種效果也很方便，而且沒有瀏覽器兼容性的問題，所以用CSS控制的方法就顯得雞肋了。
