在 CSS 中,當我們想要強制一個文本排成兩行時,可以使用 white-space 屬性。
p { white-space: pre-line; /* 將連續空格縮為一個空格,強制文本進行折行 */ }
pre-line 值會將連續空格縮為一個空格,然后在必要時強制文本進行折行。
例如:
<p>這是一份 測試文本,希望能夠被強制分成兩行</p>
使用上述 CSS 代碼后,文本將變為:
這是一份 測試文本,希望能夠被強制分成兩行
需要注意的是,white-space 的值分別對應不同的處理方式。其中:
- normal 或不設置,是默認效果,在遇到連續的空格或 Tab 字符時,只會保留一個空格,并且文本不強制換行。
- pre,將保留所有空格和 Tab 字符,強制文本不換行。
- nowrap,將不保留連續空格和 Tab 字符,并且文本不強制換行。
- pre-wrap,將在必要時強制文本進行折行,同時保留所有空格和 Tab 字符。
- pre-line,將在必要時強制文本進行折行,同時將連續的空格和 Tab 字符縮為一個空格。