關於標點符號把文字帶著換行的問題解決方案

出現的問題

最近在弄一個介紹頁面的時候遇到一個很巧的問題，在文字換行的時候剛好能夠放下文字，但是標點符號把這個文字帶著換行了

如下圖所示：

如果的在上一行顯示，那麼句號就應該在下一行顯示，然而句號是避首標點，不能出現在開頭。因此，“的”字就被帶到下一行了

中文標點的這種換行特性，即使設定

word-break：break-all

也是無效的，此時需要用到的CSS屬性是

line-break

。

line-break屬性簡介

line-break

屬性主要用中日韓3種語言中，其中以中文和日文為主

語法如下：

。class { /* Keyword values */ line-break： auto； line-break： loose； line-break： normal； line-break： strict； line-break： anywhere； /* Global values */ line-break： inherit； line-break： initial； line-break： unset；}

特性：

語法

最後

這裡我們只需要在css中加上

line-break： anywhere；

就好了

。class { line-break： anywhere；}

效果如下：