CSS3 的 text-overflow 屬性可以用來(lái)控制文本溢出時(shí)的行為，其中一個(gè)選項(xiàng)是ellipsis(省略號(hào))。當(dāng)文本內(nèi)容超過(guò)容器大小時(shí)，可以使用text-overflow: ellipsis來(lái)顯示省略號(hào)。不過(guò)，有時(shí)候我們不想在文本溢出時(shí)顯示省略號(hào)，而是希望文本不斷行。

white-space: nowrap;

上面這行代碼可以實(shí)現(xiàn)文本不自動(dòng)換行，即一行中能放多少個(gè)字符就放多少個(gè)，不考慮容器大小是否足夠。

overflow: hidden;

同樣，如果我們希望文本超出容器部分不顯示，可以使用上面這行代碼。

text-overflow: ellipsis;

使用文本溢出時(shí)的選項(xiàng)之一：省略號(hào)。

以上三行代碼可以組合使用，實(shí)現(xiàn)文本不斷行且超出容器部分不顯示的效果：

white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

在設(shè)置相應(yīng)的 CSS 屬性后，文本就可以不斷行了。

在實(shí)際開(kāi)發(fā)中，我們可以使用這些 CSS 屬性來(lái)調(diào)整文本在容器中的顯示效果，使頁(yè)面更美觀。