怎么让div文字竖向

如果你想让`<div>`元素中的文字竖向排列，可以使用CSS来实现，主要通过设置`display`属性和`writing-mode`属性。以下是两种常见的方法：

1. **Flexbox 方式**:
如果你的浏览器支持 Flexbox，你可以将该`<div>`元素的`display`属性设为`flex`，然后添加`align-items: flex-end;`来使内容垂直居下：

   .vertical-align {
     display: flex;
     align-items: flex-end;
     justify-content: center; /* 如果需要水平居中，此行也要加上 */
   }

2. **Grid 方式**:
使用 CSS Grid 也是实现竖向布局的好选择。将`display`设置为`grid`，然后设置`direction: column`：

   .vertical-align-grid {
     display: grid;
     direction: column;
     justify-content: center; /* 可选，如果需要水平居中 */
   }

3. **CSS 样式表（非标准）方式**:
如果以上两个现代方案不适用，还可以考虑老式的`writing-mode: vertical-rl;`，但这不是所有浏览器都支持。例如在IE9及更早版本中不支持：

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