css+div解決文字溢出控制顯示字數

一、一般的文字截斷（適用於內聯與塊）：

 Example Source Code [www.mb5u.com]

.text-overflow {
display:block;/*內聯對象需加*/
width:31em;
word-break:keep-all;/* 不換行 */
white-space:nowrap;/* 不換行 */
overflow:hidden;/* 內容超出寬度時隱藏超出部分的內容 */
text-overflow:ellipsis;/* 當對象內文本溢出時顯示省略標記(...) ；需與overflow:hidden;一起使用。*/
}

 

文章來自： http://www.52design.com/html/201007/design201071123721.shtml