在CSS中，我們可以使用text-overflow屬性來限制字符串的長度，這個(gè)屬性定義了當(dāng)文本溢出其包含元素時(shí)發(fā)生的事情，以下是一些常見的值：

text-overflow: clip;這是默認(rèn)值，表示溢出的文本會(huì)被裁剪，不會(huì)顯示。

text-overflow: ellipsis;表示溢出的文本會(huì)被替換為省略號(hào)（...）。

text-overflow: string;允許你自定義溢出的文本顯示的字符串。

還需要配合white-space和width屬性來確保文本不會(huì)超出其包含元素的寬度。

div {
  width: 100px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

在這個(gè)例子中，如果div中的文本長度超過100px，那么文本就會(huì)被裁剪并顯示為省略號(hào)，注意，overflow: hidden;是確保文本不會(huì)溢出其包含元素。

如果你想要自定義溢出的文本顯示的字符串，可以使用text-overflow: string;并指定一個(gè)字符串。

div {
  width: 100px;
  white-space: nowrap;
  text-overflow: string("...");
  overflow: hidden;
}

在這個(gè)例子中，如果div中的文本長度超過100px，那么文本就會(huì)被裁剪并顯示為"..."。