CSS弹性盒及常用属性

CSS弹性盒及常用属性

Flex(弹性盒,伸缩盒)是CSS中除定位,浮动等的另一种布局手段,可以使元素跟随页面的大小而改变,主要用来代替浮动来完成页面的布局。常用于移动端的设计与布局。

弹性容器
要使用弹性盒,首先需要将外部父元素设置为弹性容器。
弹性容器常用属性如下所示:
CSS弹性盒及常用属性弹性元素
弹性容器的子元素是弹性元素(弹性项)。
弹性元素的常用属性如下所示:CSS弹性盒及常用属性