css讓文字成排顯示的方法:1、使用【writing-mode】屬性,語法為【writing-mode:lr-tb或writing-mode:tb-rl】;2、對文字對象寬度設(shè)置只能排下一個文字的寬度距離。
本教程操作環(huán)境:windows7系統(tǒng)、css3版,DELL G3電腦。
css讓文字成排顯示的方法:
方法一: 使用writing-mode屬性
語法:
writing-mode:lr-tb或writing-mode:tb-rl
參數(shù):lr-tb:從左向右,從上往下;tb-rl:從上往下,從右向左。
<!DOCTYPEhtml> <html> <head> <title>test</title> <metacharset="UTF-8"> </head> <style> .one{ margin:0auto; height:140px; writing-mode:vertical-lr;/*從左向右從右向左是writing-mode:vertical-rl;*/ writing-mode:tb-lr;/*IE瀏覽器的從左向右從右向左是writing-mode:tb-rl;*/ } </style> <body> <divclass="one">十輪霜影轉(zhuǎn)庭梧,此夕羈人獨(dú)向隅。 未必素娥無悵恨,玉蟾清冷桂花孤。</div> </body> </html>
這種方法兼容性不好,只有在IE瀏覽器中才能支持,所以并不推薦使用,這里就不過多介紹要想了解