當一行文字超過div寬度的時候，瀏覽器中默認是讓它換行顯示的，如果不想讓他換行顯示那要怎么辦呢？

我想大家首先想到的辦法就是用截斷文字加“…”的做法。

現在我所說的方法則是采用CSS的方法實現：

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