在CSS中，可以使用text-overflow屬性來控制當文本超出其容器時如何顯示，默認情況下，如果文本超出其容器，它會繼續(xù)溢出，但可以通過設(shè)置text-overflow屬性為ellipsis（...）來讓文本在超出時顯示為省略號。

假設(shè)你有一個段落，你希望當文本超出其容器時顯示為省略號，你可以這樣寫CSS：

p {
  width: 200px; /* 假設(shè)你希望段落的寬度為200像素 */
  text-overflow: ellipsis; /* 當文本超出時顯示為省略號 */
  white-space: nowrap; /* 防止文本換行 */
  overflow: hidden; /* 隱藏超出容器的部分 */
}

這樣，如果段落中的文本超出200像素的寬度，它將會顯示為省略號（...），而不是繼續(xù)溢出，這種方法在創(chuàng)建響應(yīng)式設(shè)計時非常有用，可以確保文本在較小的空間內(nèi)不會溢出，而是優(yōu)雅地適應(yīng)其容器的大小。