Flexbox,一种CSS3布局模式,也称为弹性盒模型,用于为盒装模型提供最大的灵活性。首先,我们举个栗子。之前,我们通过这种方式实现了一个div框的水平居中和垂直居中。在已知对象高宽的情况下,以绝对百分比定位居中元素,然后通过边距偏移实现。<样式>.container{width:600px;height:400px;border:1pxsolid#000;position:relative;}.box{width:200px;height:100px;border:1pxsolid#000;position:absolute;left:50%;top:50%;margin-left:-100px;margin-top:-50px;}