竖起来有两种方式:
第一种:设置文字模式
writing-mode: vertical-rl;
如果想让文字两端对齐,可以添加
text-align-last: justify;
以上代码能够实现文字的垂直显示,但是存在一个问题,就是文字后如果跟着数字,则数字会倒下去,不方便阅读,为修正。则需要添加属性
text-orientation: upright;
第二种:修改宽度
修改文字宽度,强行换行垂直显示。
这种方式数字不会偏导,但是文字无法两端对齐。
竖起来有两种方式:
writing-mode: vertical-rl;
如果想让文字两端对齐,可以添加
text-align-last: justify;
以上代码能够实现文字的垂直显示,但是存在一个问题,就是文字后如果跟着数字,则数字会倒下去,不方便阅读,为修正。则需要添加属性
text-orientation: upright;
修改文字宽度,强行换行垂直显示。
这种方式数字不会偏导,但是文字无法两端对齐。