CSS多行顯示效果可以輕松實(shí)現(xiàn)一些網(wǎng)頁(yè)排版的需求，特別是在網(wǎng)站的細(xì)節(jié)設(shè)計(jì)中，多行顯示效果更是不可或缺的。本文將介紹CSS多行顯示效果的實(shí)現(xiàn)方法和應(yīng)用場(chǎng)景。
CSS多行顯示效果可以通過white-space屬性來(lái)控制文本的顯示效果。white-space屬性共有三個(gè)可選值：normal、pre和pre-wrap。normal是默認(rèn)值，表示空格和換行符都會(huì)被忽略；pre表示空格和換行符會(huì)被保留，但是如果一行沒有足夠的空間存放文本，文本會(huì)溢出到下一行；pre-wrap表示空格和換行符會(huì)被保留，如果一行沒有足夠的空間存放文本，文本會(huì)自動(dòng)換行到下一行。
pre標(biāo)簽可以使文本保留原有的空格和換行符，避免在瀏覽器中排版時(shí)自動(dòng)忽略或合并空格。如果需要在CSS中設(shè)置多行顯示效果，需要使用pre標(biāo)簽將文本包裹起來(lái)，然后在CSS中設(shè)置white-space屬性的值。
以下是一個(gè)例子，展示了使用pre標(biāo)簽實(shí)現(xiàn)CSS多行顯示效果的方法：
p{
font-size: 16px;
white-space: pre-wrap;
word-break:break-all;
word-wrap:break-word;
}