CSS 段落自動換行 在網頁設計中,經常需要對段落進行格式化。其中一個重要的問題就是如何自動換行。雖然瀏覽器默認會對段落進行自動換行,但是我們也可以通過 CSS 來對其進行進一步的控制。 1. 使用 word-wrap 屬性 word-wrap 屬性可以強制在單詞內部換行,避免文字超出容器的范圍。該屬性有兩個值。 1.1 normal 該值表示瀏覽器不會在單詞內部換行,因此如果一個段落中某單詞超出容器的范圍,則會超出容器。 1.2 break-word 該值表示在必要的時候,瀏覽器會在單詞內部進行換行,以避免單詞溢出。 示例代碼: pre { white-space: pre-wrap; word-wrap: break-word; } 2. 使用 white-space 屬性 白空間(比如空格、制表符和換行符)在 HTML 中通常被忽略,因此,如果我們想強制在某個位置進行換行,我們就需要使用 white-space 屬性。 2.1 pre-wrap 該值表示當遇到超出容器寬度的文本時,瀏覽器會自動進行換行。而空格和制表符將被保留。 2.2 pre-line 該值表示文本段落將在遇到換行符、br 標簽、p 標簽等標簽時進行換行。 示例代碼: pre { white-space: pre-wrap; } 以上就是 CSS 對段落進行自動換行的兩種方法,開發人員可以根據實際情況選擇并合理應用。
上一篇css 水印標簽