css书写模式

参考 http://web.jobbole.com/90120/,以下均是个人理解.

1.先说单个字方向,多数语言的字是向上的,比如我现在写的,也有向右的,基本就这两个方向   (专业词:字符方向)

2.字组成行的时候,三个方向,横着的,从左到右和从右到左,竖着的,从上到下    (专业词:行内方向)

3.行组成段的时候,行内是横着的时候,那就是从上到下,行内是竖着的时候,从左到右和从右到左   (专业词:块方向)

writing-mode:

horizontal-tb(字组成行的时候,是横着的,行组成段的时候从上到下,这时候字的方向是朝上的)

vertical-lr(字组成行的时候,是竖着的,行组成段的时候从左到右,字的方向看是什么语言了,汉字的话是朝上的,但是阿拉伯数字或英文的话是朝左的)

vertical-rl(字组成行的时候,是竖着的,行组成段的时候从右到左,字的方向看是什么语言了,汉字的话是朝上的,但是阿拉伯数字或英文的话是朝左的)

找了个截图,来自https://developer.mozilla.org/en-US/docs/Web/CSS/writing-mode

再说说flex,每个小的item都有自己的方向和组成结构,以前的时候喜欢用军训的方阵理解,第一个人在哪,面朝哪,第二个人站在第一个人的什么方向,等等吧.

原文地址:https://www.cnblogs.com/2han/p/6370637.html