CSS中可以通過(guò)設(shè)置word-break
屬性來(lái)實(shí)現(xiàn)div長(zhǎng)度的自動(dòng)換行,該屬性指定了如何在單詞內(nèi)部分配空間,如果空間不足,則會(huì)自動(dòng)換行。
我們可以設(shè)置一個(gè)div的寬度為200px,并設(shè)置word-break
屬性為break-all
,這樣當(dāng)文本長(zhǎng)度超過(guò)200px時(shí),就會(huì)自動(dòng)換行。
div { width: 200px; word-break: break-all; }
CSS還提供了white-space
屬性,它可以控制文本中的空白字符如何處理,我們可以設(shè)置white-space
為pre-line
,這樣文本會(huì)自動(dòng)換行,但會(huì)保留行尾的空白字符。
div { width: 200px; white-space: pre-line; }
需要注意的是,自動(dòng)換行可能會(huì)受到瀏覽器和字體大小的影響,因此在實(shí)際應(yīng)用中,可能需要多次調(diào)整才能獲得***佳效果,自動(dòng)換行也會(huì)影響到文本的排版和布局,因此在使用時(shí)需要注意與頁(yè)面其他元素的協(xié)調(diào)。