CSS Flex布局 (弹性布局)(圣杯布局)
Flex布局(弹性布局)的特点1.浏览器提倡的布局模型,页面渲染性很高。2.布局简单,方便。3.可以避免浮动脱标的问题。4.兼容性高(不兼容低版本的浏览器)Flex布局模型构成设置方式:给父元素设置display:flex,子元素可以自动的挤压或拉伸;组成部分1.弹性容器(父级,添加了display:flex的盒子)2.弹性盒子(子级)3.主轴(默认水平)4.侧轴 / 交叉轴(默认垂直)主轴对齐方式justify-content:flex-star
复制链接