下面介绍3种使用CSS实现文字竖向排版的方法: 1、一个句子的竖向排列 如图: <!DOCTYPE html> test .one { width: 20px; margin: 0 auto; line-height: 24px; font-size: 20px; } .two { width: 15px; margin: 0 auto; line-height: 24px; font-size: 20px; word-wrap: break-word;/*...
直接使用css属性:writing-mode(最直接) #text{ writing-mode:vertical-rl; // writing-mode 属性定义了文本水平或垂直排布以及在块级元素中文本的行进方向 } 1. 2. 3. 4. 设置width为一个字的font-size大小(比较灵活) #text{ font-size:30rpx; width:30rpx; } 1. 2. 3. 4....
[css] css实现文字竖向排列以及设置间距 想要实现竖向排列文字,设置间距 只需要下面两个属性 代码语言:javascript 复制 writing-mode:vertical-rl;//从右往左排 vertical-lr是从左往右排letter-spacing:18px;//设置间距 实现效果
[css] css实现文字竖向排列以及设置间距 想要实现竖向排列文字,设置间距 只需要下面两个属性 writing-mode: vertical-rl;//从右往左排 vertical-lr是从左往右排 letter-spacing: 18px;//设置间距 1. 2. 实现效果 开源作品 github地址:go-fly