寫CSS時(shí)怎么限制字?jǐn)?shù)

在CSS中，我們可以使用text-overflow屬性來限制字?jǐn)?shù)。text-overflow屬性指定了當(dāng)文本溢出其包含元素時(shí)發(fā)生的事情，我們可以將其設(shè)置為ellipsis，表示當(dāng)文本溢出時(shí)，會(huì)顯示為省略號（...）。

如果我們有一個(gè)段落元素，我們可以這樣寫：

p {
  width: 200px; /* 段落元素的寬度 */
  white-space: nowrap; /* 防止文本換行 */
  text-overflow: ellipsis; /* 當(dāng)文本溢出時(shí)，顯示省略號 */
  overflow: hidden; /* 隱藏溢出的文本 */
}

這樣，如果段落元素的文本超過了200px，文本就會(huì)顯示為省略號，而不會(huì)繼續(xù)溢出。

我們還可以使用max-width屬性來限制元素的寬度，以防止文本溢出。

p {
  max-width: 200px; /* 限制段落元素的寬度 */
  word-break: break-all; /* 強(qiáng)制斷詞 */
}

這樣，如果段落元素的寬度超過了200px，瀏覽器就會(huì)強(qiáng)制斷詞，以防止文本溢出，但是這種方法可能會(huì)導(dǎo)致文本在不應(yīng)該斷詞的地方斷詞，所以使用時(shí)需要謹(jǐn)慎。