CSS中如何将文字旋转90度在CSS中，我们可以使用transform属性来实现文字旋转。其中，旋转文字90度需要使用旋转变形函数rotate，具体代码如下：.rotate { transform: ...

CSS中如何将文字旋转90度

在CSS中，我们可以使用transform属性来实现文字旋转。其中，旋转文字90度需要使用旋转变形函数rotate，具体代码如下：

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

这里的.rotate是一个类名，我们可以将其添加到我们需要旋转的元素上。旋转函数中的参数90deg表示将元素旋转90度，如果需要旋转其他角度，只需要将deg后面的数字改为相应的度数即可。

值得注意的是，上述代码会将整个元素旋转90度，而不仅仅是文字。如果我们只需要将文字旋转90度，可以再添加一个包含文字的元素，再将其旋转即可，具体代码如下：

.rotate {
    display: inline-block;
    transform: rotate(90deg);
}
.rotate-text {
    display: inline-block;
    transform: rotate(-90deg);
} 

这里我们添加了一个.rotate-text的类名，将其应用到包含文字的元素上。第一个.rotate类名用于将整个元素旋转90度，而.rotate-text中的旋转函数rotate(-90deg)则将其内容再旋转回来。

通过上述方法，我们就可以轻松实现CSS中的文字旋转效果了。