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

最新推荐文章于 2024-08-10 17:13:35 发布

qq_37530404

最新推荐文章于 2024-08-10 17:13:35 发布

阅读量2.3k

点赞数

分类专栏：工作中遇到的bug

本文链接：https://blog.csdn.net/qq_37530404/article/details/80832365

版权

工作中遇到的bug 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

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>' 
 

   } 
 