使用弹性布局,首先要将父盒子定义为弹性盒子。弹性盒子内的元素称为”弹性元素“。弹性布局实际上就是要对弹性元素的排列做各种设置。如果不添加溢出换行,默认溢出是元素自动调整宽高以适应。同时设置flex-direction和flex-wrap。如果flex-di
width:500px;display:-webkit-box;-webkit-box-orient:horizontal;-webkit-direction:reverse;-webkit-pack:center;-webkit-box-flax:1;-
display: flex; 设置父容器为弹性盒子 flex-direction: row; 定义父容器的弹性项目以主轴排列justify-content: center; 定义弹性项目在主轴X的排列方式,主要用于水平居中文字 align-items:ce
display: block | inline | inline-block | none | flex. 是不是flex container 弹性容器中所有的子元素都是 弹性元素呢?不是的,只有弹性容器,在文档流中的直接子元素才是弹性元素。
安科网(Ancii),中国第一极客网
Copyright © 2013 - 2019 Ancii.com
京ICP备18063983号-5 京公网安备11010802014868号