在前端開發中，有時候我們需要限制文字的長度或在文字換行時進行限制。這時候，CSS提供了一些解決方案。

/* 限制文字長度為20個字符 */
.example {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 200px;
}
/* 限制文字在兩行內顯示 */
.example {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}

第一個例子中，我們使用了max-width來設置元素的最大寬度，同時使用white-space: nowrap來防止文字換行，使其單行顯示。然后，通過text-overflow: ellipsis將超出限定長度的文字用省略號顯示。

第二個例子中，我們使用了CSS3的display: -webkit-box來將元素作為一個彈性伸縮盒子處理。然后，通過-webkit-line-clamp來設置行數，-webkit-box-orient: vertical來設置盒子的垂直方向排列。最后配合overflow: hidden，超過行數的文字自動隱藏。