[分享]css出现汉字就竖向排列为什么

在网页设计中，我们常常会使用CSS样式来美化页面。但是有时候在CSS中出现了汉字，它们就会出现竖向排列。那么，为什么会这样呢？示例代码： div { writingmode: verticalrl; ...

在网页设计中，我们常常会使用CSS样式来美化页面。但是有时候在CSS中出现了汉字，它们就会出现竖向排列。那么，为什么会这样呢？

示例代码：

div {
  writing-mode: vertical-rl;
} 

这是因为，在CSS中，我们可以使用writing-mode属性来控制文本排列的方向。默认情况下，writing-mode的值为‘horizontal-tb’，表示文本从左往右、从上往下排列，就像我们平常看到的一样。

但是，如果我们将writing-mode的值设置为‘vertical-rl’，则文本就会从右往左、从上往下排列，就像我们看到的竖排文字一样。

当CSS中出现汉字的时候，可能是因为开发者在设计中使用了竖排文字，导致CSS属性中的汉字也跟着竖排了。

如果你不需要竖排中文，可以将writing-mode属性的值改回‘horizontal-tb’即可。

示例代码：

div {
  writing-mode: horizontal-tb;
} 

总之，在使用CSS样式设计网页的时候，我们要注意各种属性的作用和它们的取值，以免出现不必要的错误。