在網(wǎng)頁設(shè)計(jì)中,經(jīng)常需要使用 CSS 對(duì)文本進(jìn)行排版。在排版時(shí),我們經(jīng)常會(huì)遇到一種情況,就是希望某些文本不換行,但是由于默認(rèn)情況下瀏覽器會(huì)根據(jù)可視區(qū)域的大小自動(dòng)換行,因此我們需要使用 CSS 來阻止換行屬性。
{ white-space: nowrap; }
上述代碼中的white-space
屬性可以阻止文本的換行。其中的取值nowrap
表示不允許換行,可以讓文本一直顯示為一行。
除了nowrap
外,還有兩個(gè)取值可以用于控制文本的換行:
pre
可以保留空格和換行符,格式化輸出,適合展示代碼或者計(jì)算機(jī)程序等內(nèi)容。pre-wrap
可以在必要時(shí)換行,但不會(huì)自動(dòng)斷字,保留空格和換行符,適合展示排版與格式化后的文本,比如詩歌或文學(xué)作品。
在實(shí)際應(yīng)用中,我們可以在需要阻止換行的文本元素中加入上述 CSS 代碼,即可實(shí)現(xiàn)阻止換行的效果。