CSS控制字體在一行內顯示不換行

當一行文字超過DIV或者Table的寬度的時候，瀏覽器中默認是讓它換行顯示的，如果不想讓他換行要怎么辦呢？
用CSS讓文字在一行內顯示不換行的方法：

一般的文字截斷(適用於內聯與塊)：

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

對於表格，定義有點不一樣：

table{
    width:30em;
    table-layout:fixed;                 /* 只有定義了表格的布局算法為fixed，下面td的定義才能起作用。 */
}
td{
    width:100%;
    word-break:keep-all;             /* 不換行 */
    white-space:nowrap;            /* 不換行 */
    overflow:hidden;                  /* 內容超出寬度時隱藏超出部分的內容 */
    text-overflow:ellipsis;            /* 當對象內文本溢出時顯示省略標記(...) ；需與        overflow:hidden;一起使用。*/
}