CSS不換行必須設(shè)置
CSS的代碼中,“white-space”屬性是控制文本換行的重要屬性之一。如果沒(méi)有設(shè)置該屬性,CSS中的文本將默認(rèn)按照瀏覽器的規(guī)則進(jìn)行換行,可能會(huì)導(dǎo)致排版出現(xiàn)問(wèn)題。
white-space屬性的值
“white-space”屬性有以下常用的值:
1. normal:默認(rèn)情況下的換行規(guī)則,遇到空格或換行時(shí)進(jìn)行換行; 2. nowrap:強(qiáng)制不換行,文本會(huì)在同一行上進(jìn)行展示; 3. pre:保留原始換行和空格,文本會(huì)按照代碼中的格式進(jìn)行展示; 4. pre-wrap:保留原始換行,但是連續(xù)空格會(huì)被合并成一個(gè)空格; 5. pre-line:保留原始換行,但是連續(xù)空格會(huì)被合并成一個(gè)空格,并且會(huì)自動(dòng)換行。
設(shè)置樣式
你可以使用以下的樣式代碼來(lái)指定“white-space”屬性的值:
//將文本強(qiáng)制在同一行上顯示 p { white-space: nowrap; } //保留原始換行和空格 pre { white-space: pre; } //保留原始換行,但是連續(xù)空格會(huì)被合并成一個(gè)空格 pre.wrap { white-space: pre-wrap; } //保留原始換行和空格,并且會(huì)自動(dòng)換行 pre.line { white-space: pre-line; }
總結(jié)
了解和熟練掌握“white-space”屬性的使用是CSS排版的重要基礎(chǔ),避免了很多換行問(wèn)題。如果你想要控制文本的換行方式,就一定要設(shè)置“white-space”屬性。