在CSS中，我們不僅可以設(shè)置字體的大小、樣式和顏色，還可以設(shè)置字體的橫豎顯示。下面是一些實(shí)現(xiàn)此功能的方法：

/* 1. 文字豎排 */
.my-text{
writing-mode: vertical-rl; /* 豎排方式 */
text-orientation: upright; /* 豎排方向 */
}
/* 2. 橫向排版-文字豎排 */
.my-text{
writing-mode: vertical-lr; /* 豎排方式 */
text-orientation: upright; /* 豎排方向 */
transform: rotate(-180deg); /* 將文字翻轉(zhuǎn)過(guò)來(lái) */
transform-origin: top right; /* 指定文字旋轉(zhuǎn)中心 */
}
/* 3. 橫向排版-文字橫排 */
.my-text{
writing-mode: horizontal-tb; /* 橫排方式 */
text-orientation: mixed; /* 混排模式 */
}
/* 4. 橫向排版-文字橫排，但每個(gè)字豎放 */
.my-text{
writing-mode: horizontal-tb; /* 橫排方式 */
text-combine-upright: all; /* 設(shè)置每個(gè)字豎放 */
}

以上幾種方法中，使用writing-mode屬性指定文字排版方式，text-orientation屬性指定文字排版方向。最后還可以通過(guò)transform屬性對(duì)文字進(jìn)行旋轉(zhuǎn)和翻轉(zhuǎn)，以達(dá)到需要的效果。