CSS文字填滿是一個(gè)非常有用的效果，當(dāng)我們想要讓一段文本在容器內(nèi)自適應(yīng)寬度時(shí)，就可以使用這種效果來(lái)實(shí)現(xiàn)。

具體實(shí)現(xiàn)方式如下：

代碼示例：
.container {
width: 200px;
}
.text {
display: inline-block;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

這段代碼中，我們首先先將容器的寬度定為200px，然后在文本的樣式中設(shè)定寬度為100%，這樣就可以使文本自適應(yīng)容器的寬度。

同時(shí)，我們?cè)O(shè)置了overflow為hidden，這樣就可以在文本溢出時(shí)進(jìn)行隱藏。接著，我們使用text-overflow屬性對(duì)文本進(jìn)行省略處理，同時(shí)使用white-space屬性對(duì)文本的空白符進(jìn)行處理，保證文本不會(huì)進(jìn)行換行操作。

最終的效果就是文字會(huì)鋪滿整個(gè)容器，而且文本溢出時(shí)也不會(huì)破壞布局。這種效果在需要顯示限定長(zhǎng)度的文本時(shí)非常實(shí)用，比如門店地址、電話等。