CSS的text屬性用來控制文本的樣式,其中換行是文本樣式中比較常見的一種。CSS中的text-wrap和white-space屬性可以用來控制文本的換行方式。
/* white-space屬性 */ p { white-space: normal; /* 文本自動換行 */ white-space: nowrap; /* 防止文本換行 */ white-space: pre; /* 保留空格和換行符,不自動換行 */ white-space: pre-wrap; /* 保留空格和換行符,自動換行 */ } /* text-wrap屬性 */ p { text-wrap: none; /* 不換行 */ text-wrap: normal; /* 自動換行 */ text-wrap: avoid; /* 盡可能避免換行 */ text-wrap: unconventional; /* 與normal相似,但是不會在單詞中間換行 */ }
由于不同瀏覽器的支持不同,建議在使用text屬性的時候多測試不同瀏覽器的兼容性。另外,在設(shè)置文本換行的時候,可以考慮使用word-break屬性來控制單詞的分行,這樣可以避免出現(xiàn)單詞被分開的情況。