CSS斷詞規(guī)則指的是在文本中自動(dòng)分隔單詞的一種規(guī)則。這個(gè)規(guī)則可以讓文本在瀏覽器中顯示時(shí)更加美觀，也能夠讓用戶體驗(yàn)更加良好。CSS斷詞規(guī)則一般分為兩種，一種是通過(guò)添加連字符分隔單詞，另一種是通過(guò)拉伸單詞間的空白間距。以下是兩種方法的詳細(xì)說(shuō)明：

/* 連字符斷詞法 */
text-align: justify; /* 這個(gè)是設(shè)置文本兩端對(duì)齊，在一些情況下用起來(lái)比較方便 */
-ms-hyphens: auto; /* microsoft瀏覽器，以及EDGE瀏覽器中才能使用，它的值有auto和none兩種，auto表示自動(dòng)斷字，none表示禁止自動(dòng)斷字 */
-moz-hyphens: auto; /* Firefox瀏覽器中使用 */
-webkit-hyphens: auto; /* chrome和safari瀏覽器中使用 */
/* 拉伸空白斷詞法 */
word-wrap: break-word; /* word-wrap可以直接拉伸單詞間的間距，如果一個(gè)單詞太長(zhǎng)就會(huì)自動(dòng)被拉伸 */
overflow-wrap: break-word; /* overflow-wrap的作用和word-wrap是一樣的，只不過(guò)overflow-wrap是word-wrap的最新規(guī)范 */

以上代碼是在CSS中使用斷詞規(guī)則的方法。在實(shí)際的開發(fā)中，我們可以根據(jù)需要選擇功能上更加實(shí)用的一種方式來(lái)使用。