CSS
- CSS
-
- position
- display
- flex: 1
- 元素居中
-
- flex+align-item+justify-content
- absolute+margin:auto
- align-item vs vertical-align
CSS
position
- static: 默认。就是自然顺序,从上到下,从左到右,爱着你排列;
- absolute:绝对。原点是:最近的非static的父(上级)元素。
- dom是一棵树。当前节点的父节点如果是absolute或relative,那么原点就是父节点,如果不是,那么就找父亲的父亲,而不是找父亲的兄弟,或自己的兄弟。
- fixed: 固定。相对于浏览器。
- relative:相对。相对于正常文档流中的自己。
- inherit:继承父元素
display
- flex 弹性。可以用一些flex盒子的相关属性;align-item justify-content
- table-cell 单元格布局。 把子元素当成td,子元素就被当成了行内元素,好处,比如可以用vertical-align 直接垂直对齐。
flex: 1
flex:1是felx:1 1 0的简写,是flex-grow:1;flex-shirnk:1;fl