有時候我們會遇到這樣的情景，在一行顯示過長的文字時會溢位，頁面將變得很醜陋。這時候我們想要只顯示一部分文字，將多餘部分以省略號 “...” 的形式顯示。那麼我們可以通過設定 CSS 樣式來達到目的。
程式碼示例：
HTML
<div class="truncate">
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
</div>CSS
.truncate {
width: 50px;
height: 20px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}好了，就是這樣！