经常写网页中会遇到一些要让文字垂直显示的问题,今天正好再次遇到这个问题,就上网搜索了一下解决档案,顺便在这里记个笔记,以便后期忘记的时候再来学习!
1.writing-mode (设置对象书写方向)
语法:writing-mode:lr-tb | tb-rl
参数:lr-tb:从左向右,从上往下
tb-rl:从上往下,从右向左
示例:div{ writing-mode:tb-rl; /*让文字垂直显示*/}
2.text-align (设置对象中文本的对齐方式)
语法:text-align:left | right | center | justify
参数:left:左对齐
right:右对齐
center:居中对齐
justify:两端对齐