CSS字體水平垂直設(shè)置

在CSS中，字體水平和垂直的設(shè)置可以通過“transform”屬性來實(shí)現(xiàn)，這個(gè)屬性允許你旋轉(zhuǎn)、縮放、移動(dòng)元素，包括字體，下面是一個(gè)簡(jiǎn)單的例子，展示了如何設(shè)置字體水平和垂直：

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
.text {
  transform: rotate(-90deg) translateY(-50%);
  writing-mode: vertical-rl;
}

在這個(gè)例子中，我們首先將容器設(shè)置為flex布局，以便在垂直和水平方向上居中字體，我們使用transform屬性將字體旋轉(zhuǎn)-90度，并將其向下移動(dòng)50%，我們將writing-mode設(shè)置為vertical-rl，使文本從右到左垂直排列。

這只是一個(gè)簡(jiǎn)單的例子，實(shí)際使用時(shí)可能需要根據(jù)具體需求進(jìn)行調(diào)整，如果需要更多的空間來調(diào)整字體大小或間距，可以相應(yīng)地調(diào)整transform屬性的值。

CSS提供了強(qiáng)大的工具來控制和調(diào)整字體的水平和垂直設(shè)置，通過巧妙地使用這些工具，可以創(chuàng)建出各種有趣和實(shí)用的排版效果。