父元素属性
- flex-direction: row;
Initial: row. - flex-wrap: nowrap;
Initial: nowrap. - flex-flow: row nowrap;
Initial: row nowrap.为flex-direction和flex-wrap的缩写 - justify-content: flex-start;
Initial: flex-start.主轴方向元素布局方式(X)flex-start左对齐,flex-end右对齐,center居中,space-between两端对齐,space-around每个元素间隔平均 - align-content: flex-start;
Initial: stretch.副轴方向元素布局方式(Y),多行-需要flex-wrap:wrap;flex-start左对齐,flex-end右对齐,center居中,space-between两端对齐,space-around每个元素间隔平均,stretch伸展铺满,不留空隙; - align-items: center;
Initial: stretch.控制元素布局,跟副轴的很像(单行,需要flex-wrap:nowrap)flex-start左对齐,flex-end右对齐,center居中,`
子元素属性
- order: -1;
Initial: 0.控制元素排序位置,越小越前,越大越后 - align-self: flex-start;
Initial: auto.控制自己布局方式 - flex-grow: 0;
Initial: 0. - flex-shrink: 1;
Initial: 1. - flex-basis: content;
Initial: auto.
因为font-size是有继承性的
- 子元素自身
没有设置字号大小时，元素的width、height、line-height、margin、padding、border等值转换都按下面公式转换： 1 ÷ 父元素的font-size × 需要转换的像素值 = em <=> 需要转换的像素值/父元素的font-size - 子元素自身有设置
font-size的时候,如果要计算font-siz的em值,一样是上面的公式,但其他的em值则根据自身font-size值进行计算 公式应该为:需要转换的像素值/子元素的font-size
1、浏览器的默认字体大小是16px 参考:http://www.w3cplus.com/css/px-to-em