display布局⽅式
display:block、inline、inline-block和grid,table和flex等
1、display：block将元素显⽰为块级元素，可以设置宽⾼，每⼀个块级元素都是从新的⼀⾏开始。
常见的块级元素:div,img,ul,form,p等
2、display : inline将元素显⽰为⾏内元素，不可设置宽⾼。
flex布局对齐方式3、display：⾏内块状元素，可以设置宽⾼在同⼀⾏。
display: inline-block可以设置三个盒⼦在同⼀⾏(但⼩程序中不常⽤,⽤flex)
4、grid布局--栅格布局。可看作强⼤的⼆维⽹格结构。
5、flex布局--弹性布局，css3引⼊。为盒状模型提供极⼤的灵活性，易于实现⽔平和垂直居中。
(flex对移动端的兼容性⽐较⾼)
共同缺点：兼容性较差，只⽀持IE9以上。
Grid实现如下布局：
image.png

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。