在CSS中，可以使用text-overflow屬性來讓文字在超出容器寬度時(shí)變成省略號(hào)，具體步驟如下：

1、確保你的HTML元素有一個(gè)明確的寬度，你可以使用CSS的width屬性來設(shè)置元素的寬度。

2、使用text-overflow屬性來指定當(dāng)文本超出容器寬度時(shí)的處理方式，你可以設(shè)置text-overflow為"ellipsis"，這樣當(dāng)文本超出寬度時(shí)就會(huì)顯示為省略號(hào)。

3、為了確保省略號(hào)正確顯示，還需要設(shè)置white-space屬性為"nowrap"，這樣文本就不會(huì)自動(dòng)換行，而是保持在同一行內(nèi)。

下面是一個(gè)示例代碼：

<div style="width: 100px; text-overflow: ellipsis; white-space: nowrap;">
  這是一段很長(zhǎng)的文本，它將會(huì)超出容器的寬度并顯示為省略號(hào)。
</div>

在這個(gè)示例中，div元素的寬度被設(shè)置為100px，如果文本長(zhǎng)度超過這個(gè)寬度，就會(huì)顯示為省略號(hào)，white-space屬性設(shè)置為"nowrap"，確保文本不會(huì)換行。