在CSS中，可以使用text-overflow屬性來(lái)將溢出的字自動(dòng)省略，該屬性指定了當(dāng)文本溢出其包含塊時(shí)發(fā)生的事情，例如一個(gè)固定寬度的div，以下是使用text-overflow屬性來(lái)實(shí)現(xiàn)自動(dòng)省略溢出的字的示例：

div {
  width: 100px; /* 固定寬度 */
  white-space: nowrap; /* 防止文本換行 */
  text-overflow: ellipsis; /* 溢出時(shí)顯示省略號(hào) */
  overflow: hidden; /* 隱藏溢出的部分 */
}

在這個(gè)示例中：

1、width: 100px; 設(shè)置了一個(gè)固定寬度，這樣文本就不會(huì)自動(dòng)換行。

2、white-space: nowrap; 確保文本不會(huì)換行，即使空間足夠。

3、text-overflow: ellipsis; 當(dāng)文本溢出時(shí)，會(huì)在末尾顯示省略號(hào)（...）。

4、overflow: hidden; 隱藏了溢出的部分，使其不會(huì)顯示在容器外面。

這樣，當(dāng)文本長(zhǎng)度超過(guò)div的寬度時(shí)，就會(huì)顯示為"..."，而不會(huì)顯示完整的文本，這種方法在需要限制文本長(zhǎng)度或防止文本溢出時(shí)非常有用。