前端 css实现文字竖向排列

在一些设计图中，可能会出现文字需要竖向排列的情况。以下是归纳的css方法，可以选择适合自己的那款。

• 方法①：直接使用css属性：writing-mode（最直接）

#text{
	writing-mode:vertical-rl;
	// writing-mode 属性定义了文本水平或垂直排布以及在块级元素中文本的行进方向
}

• 方法②：设置width为一个字的font-size大小（比较灵活）
  这里是根据自己UI图提供的一个字的宽度来定的，超过一个字的宽度就需要换行来展示，因此是比较灵活的。

#text{
	font-size:30rpx;
	width:30rpx;
}