css控制文字多行纵向排列方法

1、

writing-mode: vertical-rl; writing-mode: tb-rl;

缺点：英文单词无法纵向排列

2、利用flex布局（从右向左纵向）

display: flex; flex-flow: column; flex-wrap: wrap-reverse;

缺点：标点符号需要单独判读

if ( element === '：' || element === ':' || element === '(' || element === '…' || element === ')' || element === '）' || element === '（') {

html += '<li style="transform: rotate(90deg);">' + element + '</li>'

} else {

html += '<li>' + element + '</li>'

}