**writing-mode: vertical-lr,vertical-rl和writing-mode: tb-rl,writing-mode: tb-lr的区别

**writing-mode: vertical-lr,vertical-rl和writing-mode: tb-rl,writing-mode: tb-lr的区别
**
按正常情况vertical-lr和 tb-rl都可以垂直排版,当我写移动端时出现了不兼容情况

运用情况:移动端h5需求:把页面所有元素旋90deg转然后垂直排版

这时候我使用 vertical-lr****和vertical-rl在pc端完全可以实现而且垂直显示,但是当我真机调试过后出现了bug。
文字可以排版垂直但是文字方向不对,因为我旋转过后文字方向依然是向下。然后我用writing-mode: tb-rl,
writing-mode: tb-lr属性解决了这个问题。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值