原本以为CSS逻辑属性只能在对称布局这样少见的场景中才有用武之地,最近发现,CSS逻辑属性还有简写的作用,这可牛逼坏了~
文章关键字 ‘direction’
Tips: 使用CSS逻辑属性简化我们的书写
2022年12月18日,星期日Web前端开发中的反向与倒序
2022年11月6日,星期日使用CSS text-combine-upright实现字符的横向合并
2021年02月18日,星期四HTML全局属性列表大全
2020年01月31日,星期五CSS margin-inline和margin-block区别是什么?
2018年10月26日,星期五CSS margin-inline和margin-block都属于CSS逻辑属性,是CSS中比较新的一个概念,其行为表现具有逻辑特性, margin-inline和margin-block是N多CSS逻辑属性中的2个,本文以margin-inline和margin-block为代表介绍CSS逻辑属性的一些布局表现,同时演示direction和writing-mode这些属性是如何让这些CSS属性表现出“逻辑”的。
有demo有截图有必要的源代码展示,希望本文内容能够对您的学习有所帮助。
改变CSS世界纵横规则的writing-mode属性
2016年04月27日,星期三CSS direction属性简介与实际应用
2016年03月20日,星期日至少,在我接触的这么多项目里,没有见到使用过CSS direction属性做实际开发的。
为什么呢?是因为direction长得丑吗?
虽然说direction确实其貌不扬,但是CSS并不是一个看脸卖萌的世界。
那是因为兼容性吗?
那更不是了,在那个“美女”确实是美女的年代,包括IE6在内的浏览器,CSS direction就已经被支持……