前端文字竖着左右排列

 writing-mode: vertical-rl; /* 设置文字竖排 */

text-orientation: upright;   //英文字母也竖着排列

  text-align: center; /* 设置居中对齐 */

  display: flex; /* 使用flex布局 */

  justify-content: center; /* 水平居中 */

  flex-wrap: wrap;

  align-items: center; /* 垂直居中 */

 writing-mode: vertical-rl; /* 设置文字竖排 */

效果

如果想让换行展示在右边

 writing-mode: vertical-lr;        /* 设置文字竖排 */     lr换行在右边     rl换行在左边

效果