CSS分行規(guī)則旨在設(shè)置如何處理文字的折行以及斷行。通常使用的CSS屬性是white-space,word-break,word-wrap,overflow-wrap和text-overflow。以下是這些屬性的詳細(xì)解釋。

white-space: normal|nowrap|pre|pre-wrap|pre-line|initial|inherit;
word-break: normal|break-all|keep-all|initial|inherit;
word-wrap: normal|break-word|initial|inherit;
overflow-wrap: normal|break-word|initial|inherit;
text-overflow: clip|ellipsis|string|initial|inherit;

下面我們逐一探討這些屬性：

• 白空間(white-space)屬性控制如何處理元素內(nèi)的空白符。默認(rèn)值是normal。當(dāng)設(shè)為nowrap時(shí)，元素內(nèi)空白符將被忽略。當(dāng)設(shè)為pre等可保留空白符時(shí)，行內(nèi)元素不允許被打斷, 只有當(dāng)遇到換行符時(shí)才允許換行。
• 斷字屬性(word-break)指定了如何處理單詞內(nèi)的斷行。默認(rèn)值是normal。當(dāng)設(shè)為break-all時(shí)，單詞可以被分開，但如果當(dāng)前行沒有足夠的空間，則還是會(huì)被迫換行。當(dāng)設(shè)為keep-all時(shí)，只有在必要時(shí)才允許在單詞內(nèi)斷行，因此不會(huì)打破單詞。
• 斷行屬性(word-wrap和overflow-wrap)使瀏覽器有了更多控制元素內(nèi)文本的方式。當(dāng)文本沒有足夠的空間時(shí)，這些屬性控制是否允許元素內(nèi)的文本斷行。當(dāng)文本太長(zhǎng)而無(wú)法放入一行時(shí)，通過(guò)這兩個(gè)屬性來(lái)控制元素內(nèi)文本的布局，可以使文本在適當(dāng)?shù)奈恢脭嘈胁Q行。但是，這兩個(gè)屬性有一定的區(qū)別，word-wrap更具通用性，可用于單元格，而overflow-wrap只適用于文本塊。
• 文本溢出(text-overflow)屬性指示當(dāng)文本溢出元素框時(shí)創(chuàng)建的文本效果，以便用戶知道其是否被修剪。在使用overflow: hidden或text-overflow:ellipsis屬性時(shí)，可以讓文本內(nèi)容以省略號(hào)形式顯示而不至于被截?cái)唷?/li>

以上是CSS分行規(guī)則的詳細(xì)解釋。合理使用這些屬性，可以讓我們的網(wǎng)頁(yè)更行動(dòng)感，更美觀，更易于閱讀。