文章关键字 ‘direction’

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日,星期三


writing-mode这个CSS属性,我们是不是很少见到,很少用到!我们往往称不常见的东西为“生僻”,就像是不常见的文字我们叫“生僻字”,因此不常见的CSS属性,我们可以叫做“生僻属性”,writing-mode给我们的感觉就是一个“生僻属性”,很弱,可有可无。

但是,实际上,我们都错了,大错特错,writing-mode很弱?卧槽,别开玩笑了,writing-mode可以说是CSS世界里面最逆天的CSS属性了,直接颠覆CSS世界的众多规则……

本月为4月压轴作品,大量demo,大量脑洞大开的创意处理,希望可以对您的学习有所帮助。

阅读全文…

CSS direction属性简介与实际应用

2016年03月20日,星期日

至少,在我接触的这么多项目里,没有见到使用过CSS direction属性做实际开发的。

为什么呢?是因为direction长得丑吗?

虽然说direction确实其貌不扬,但是CSS并不是一个看脸卖萌的世界。

那是因为兼容性吗?

那更不是了,在那个“美女”确实是美女的年代,包括IE6在内的浏览器,CSS direction就已经被支持……

阅读全文…