CSS
中文字怎么让它横着？
在网页中，我们经常需要将
文字横向排列，例如导航栏、横幅等等。那么，CSS中应该如何实现呢？
方法一：transform
属性
可以使用CSS的transform
属性来实现
文字横向排列。我们可以将
文字旋转90度，然后再沿着Y轴翻转，这样就可以实现
文字横向排列了。
在CSS中，我们可以这样写：
```
p {
transform: rotate(90deg) scaleY(-1);
transform-origin: b
ottom left;
}
```
其中，rotate(90deg)表示要将
文字旋转90度；scaleY(-1)表示沿着Y轴翻转；transform-origin: b
ottom left; 表示以左下角为基准点进行变换。
方法二：writing-mode
属性
writing-mode是CSS的
一个属性，可以用来控制
文字的排列方式。我们可以将writing-mode设置为tb-rl，表示从上往下、从右往左排列。
在CSS中，我们可以这样写：
```
p {
writing-mode: tb-rl;
}
```
这样就可以实现
文字横向排列了。
综上，以上两种
方法都可以实现
文字横向排列，不过在具体使用时，需要根据实际情况选择合适的方式进行排列。
代码如下：
p {
transform: rotate(90deg) scaleY(-1);
transform-origin: bottom left;
}
p {
writing-mode: tb-rl;
}
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
