[分享]css中怎样让字体旋转90度

在CSS中，为了让字体旋转90度，我们可以使用transform属性。可以将元素进行旋转、缩放、移动或倾斜。下面是一个样例，我们可以在pre标签中输入如下代码：.rotate { transform:...

在CSS中，为了让字体旋转90度，我们可以使用transform属性。可以将元素进行旋转、缩放、移动或倾斜。

下面是一个样例，我们可以在pre标签中输入如下代码：

.rotate {
  transform: rotate(90deg);
} 

这里，我们将一个元素的class设置为rotate，并给它添加一个transform属性，属性值为rotate(90deg)。这表示让该元素绕其中心点旋转90度。

如果想让字体沿水平方向旋转，可以将$rotate()函数中传递的角度值设置为0deg或180deg。如果想让字体沿垂直方向旋转，可以将角度值设置为-90deg或90deg。

除了使用transform属性之外，还可以使用writing-mode属性来旋转字体。writing-mode属性是CSS3中新增的属性，它可以控制文字的书写方向。

下面是一个样例，我们可以在pre标签中输入如下代码：

.rotate {
  writing-mode: vertical-rl;
} 

这里，我们同样将一个元素的class设置为rotate，并给它添加一个writing-mode属性，属性值为vertical-rl。这表示让文字以从下到上的竖直方向书写，并且在书写时顺便把整个元素旋转了90度。

总的来说，无论是使用transform属性还是writing-mode属性，都可以轻松实现让字体旋转90度的效果。