2021-08-06

CSS方法实现文字竖向排版

效果图：

span{
   display: inline-block;
   font-size: 19px;
   font-weight: normal;
   font-stretch: normal;
   line-height: 20px;
   padding: 8.2% 0;
   letter-spacing: 0px;
   color: #060606;
   vertical-align: middle;
   word-break: break-all;
	/*以下两行为重点*/
   writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/  
   writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/
 }