CSS3新增了很多可以實現中文排版效果的樣式。其中,最常用的可能就是“text-orientation”和“writing-mode”了。
“text-orientation”可以用來改變文本方向,比如說將文本豎排顯示。而“writing-mode”則可以用來改變文字的書寫方式。比如說,可以將文字從左到右變成從上到下。
/*豎排*/ .vertical-text{ writing-mode: vertical-lr; text-orientation: upright; } /*從上到下*/ .top-to-bottom { writing-mode: vertical-rl; }
除了這兩個樣式,CSS3中還有一些可以控制字母間距、字符間距、換行等效果的樣式。比如說,“word-break”可以用來控制單詞在何處換行。
.break-word { word-break: break-word; }
總的來說,CSS3為中文排版帶來了更多的選擇,可以創造更加獨特和具有創意的排版方式。而且,這些樣式也可以與其他樣式搭配使用,創造出更加酷炫的效果。
下一篇css3 下邊框漸變