![](https://img.laitimes.com/img/9ZDMuAjOiMmIsIjOiQnIsIiclRnblN2XjlGcjAzNfRHLGZkRGZkRfJ3bs92YsYTMfVmepNHLoRWbiBnUYRmdkJDTwYVbiVHNHpleO1GTulzRilWO5xkNNh0YwIFSh9Fd4VGdsATMfd3bkFGazxyaHRGcWdUYuVzVa9GczoVdG1mWfVGc5RHLrJXYtJXZ0F2dvwVZnFWbp1zczV2YvJHctM3cv1Ce-cWZwpmLxgDOxAjMzIjMwIDMxAjMwIzLc52YucWbp5GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.jpeg)
1.flex布局
不多说。
2.grid布局(网格布局)
通过display属性设置属性值为 grid,就可以实现grid布局。
3.定位布局(绝对定位、相对定位布局)
不多说。
4.浮动布局
通过display属性设置属性值为float。
5. 文档流布局(普通布局)
就是普通的布局。
6.居中布局
水平居中,垂直居中,水平垂直居中。
不多说。
通过display属性设置属性值为 grid,就可以实现grid布局。
不多说。
通过display属性设置属性值为float。
就是普通的布局。
水平居中,垂直居中,水平垂直居中。