CSS的text屬性能夠控制文字在行末換行的情況,也可以防止文字在元素框之外立即換行。這個屬性很有用處,可以防止文本在行末時自動換行,這樣就能保持文本的格式不變,不會破壞排版。
p{ white-space:nowrap; }
使用white-space:none;可以保證文本不會在行末自動換行。例如在表單中輸入日期格式的文本,可以在CSS中設置不換行,這樣可以保持日期格式的完整性。同樣的,網站菜單中的文本也可以通過此屬性實現不換行,這樣可以保證網站菜單的清晰度和美觀性。
此屬性的屬性值可以是normal/nowrap/pre-line/pre-wrap/inherit。其中,normal是默認值,nowrap是不換行,pre-line是保留在元素邊緣的換行符,pre-wrap是保留在元素邊緣的換行符并且允許換行。
p{ white-space:pre-line; }
總體來說,CSS的text屬性能夠控制換行行為,防止文本自動換行,保持文本格式的完整性。
上一篇css text屬性大全
下一篇9個圖片一行三個css