在 CSS 中,p 元素代表段落。通常情況下,p 元素內的文本會在一行中顯示。但是,在某些情況下,我們希望文本在達到一定長度后自動換行。這時,我們就需要使用 CSS 的換行屬性來控制。
p { word-wrap: break-word; }
這就是一個簡單的CSS代碼,用來設置p元素中的文本自動換行。word-wrap 屬性用來控制文字是否在單詞邊界處換行。break-word 值強制在長單詞或 URL 地址內換行,從而避免文本越界。
另外,我們還可以使用 overflow-wrap 屬性來控制文本在達到容器邊界后是否自動換行。
p { overflow-wrap: break-word; }
類似于 word-wrap 屬性,但更強制實現文本在容器邊界處的換行,只要必要,就會強制切斷長單詞或 URL 地址。
總之,掌握 p 元素的換行屬性可以讓我們更好地控制網頁中的文本排版,以便在不同設備和屏幕尺寸上顯示良好。
下一篇css中rem如何計算