CSS中有一個(gè)常見的需求，就是讓文字靠近邊框，在遇到邊框時(shí)自動(dòng)換行。這可以通過設(shè)置文本的text-align屬性和容器的padding屬性來完成。

.outer {
border: 1px solid #ccc;
padding: 10px;
}
.inner {
text-align: justify;
}

在上面的代碼中，我們創(chuàng)建了一個(gè)外層容器outer，并給它添加了1像素寬的邊框和10像素的內(nèi)邊距。在容器中又創(chuàng)建了一個(gè)內(nèi)層元素inner，并設(shè)置了text-align: justify。這一行為將所有文字都左右對(duì)齊，并在必要時(shí)將單詞之間的空格拉伸，以便占滿整行。

然后我們來看一下，當(dāng)單詞太長(zhǎng)時(shí)會(huì)怎樣。

.outer2 {
border: 1px solid #ccc;
padding: 10px;
width: 200px;
}
.inner2 {
text-align: justify;
word-break: break-all;
}

在上面的代碼中，我們給外層容器outer2添加了一個(gè)固定寬度。在內(nèi)層元素inner2中，我們除了設(shè)置text-align: justify之外，還添加了一個(gè)word-break: break-all屬性。這一行為可以將一個(gè)超長(zhǎng)的單詞按照字母拆分，以便符合容器寬度的大小，并在遇到邊框時(shí)自動(dòng)換行。

這就是CSS文字靠近邊框換行的實(shí)現(xiàn)方法。使用上述方法，我們可以輕松地實(shí)現(xiàn)網(wǎng)頁(yè)排版的需求。請(qǐng)注意，實(shí)際使用時(shí)，還需要根據(jù)具體應(yīng)用場(chǎng)景進(jìn)行適當(dāng)?shù)恼{(diào)整。