本文目录
flex布局怎么设置其中元素的宽度
div实际得宽度＝div宽度＋padding的宽度。想保持一定距离有很多方法：你可以把让现在div的宽度改成减去padding后的宽度，还可以里面欠个div直接设padding。任何一个容器都可以指定为Flex布局。行内元素也可以使用Flex布局。Webkit内核的浏览器，必须加上-webkit-前缀。注意，设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。
justify-content属性是什么
justify-content属性是（水平）对齐弹性容器的项目，当项目不占用主轴上所有可用空间时使用。justify-content用于设置或检索弹性盒子元素在主轴（横轴）方向上的对齐方式。可以使用align-content属性对齐交叉轴上的各项（垂直）。
flex-direction定义了主轴的方向为水平方向，起点在左端，所以将justify-content定义为flex-start时，弹性盒中的元素是从左开始排列的。
flex-direction定义了主轴的方向为垂直方向，起点在上方，所以将justify-content定义为flex-start时，弹性盒中的元素是从上到下开始排列的。
ex-direction定义了主轴的方向为水平方向，起点在左端，所以将justify-content定义为flex-start时，弹性盒中的元素是从右开始排列的。
