在CSS樣式表中,我們經常遇到英文句號。但是有時候我們希望在句號處自動換行,這該怎么做呢?
其實,在CSS中,有一個 word-break
屬性可以幫助我們解決這個問題。這個屬性用來控制在哪些字符處換行。
其中,word-break: normal;
表示不打斷單詞,只在空格或連字符處換行;word-break: break-all;
表示可以任意打斷單詞,甚至在中間斷開,不考慮單詞本身的形式,因此也可以在句號處換行。
/* 示例 1: 不在句號處換行 */ p { word-break: normal; } /* 示例 2: 在句號處換行 */ p { word-break: break-all; }
如果我們希望只在句號后面進行換行,可以使用 line-break
屬性。該屬性的 =line-break-after: ".";
可以在句號處打斷行,但仍然保留句號。
/* 示例:在句號后換行 */ p { line-break: normal; /* 默認值 */ line-break-after: "."; }
通過以上示例,我們學習了如何在CSS中使用 word-break
和 line-break
屬性來控制句號的換行,這樣我們就能夠靈活地掌握文本的樣式了。
上一篇dw 中css詞距離
下一篇css樣式字體過長時換行