CSS中的折行是指在一個元素中,文本內(nèi)容超出了父容器的寬度,自動換行成若干行文本的排列方式。折行的實現(xiàn)方式可以使用CSS的white-space屬性來控制。
在默認(rèn)情況下,white-space屬性的取值為normal,表示在文本中連續(xù)的空格、換行符、制表符均被視為一個空格,而且文本的換行只在遇到塊級元素(如div、p、h1等)時才會發(fā)生;如果一個連續(xù)的空格、制表符或換行符放置在一個單詞的中間,那么這些空格、制表符或換行符都將被合并為一個空格。
如果設(shè)置white-space屬性的取值為pre,表示空格和制表符都將保留,而且文本的換行將保留。在這種情況下,一個字符串中出現(xiàn)的所有空格和制表符都將保留,所有的換行符也會被保留,文本換行將完全按照源文件中的規(guī)則進(jìn)行。
如果設(shè)置white-space屬性的取值為nowrap,則表示文本將不會自動換行,所有的空格、制表符或者換行符將被視為一個空白符,而且元素也不會被強(qiáng)制換行。
通過white-space屬性的設(shè)置,我們可以控制文本的折行方式,實現(xiàn)更加靈活的文本排版效果。
上一篇css中意思