html&css专区

```html fsafafsd ``` ![image.png](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/016955646b2c48da

使用grid布局实现所有元素居中，最后一行元素靠左对齐，实现方法，repeat()函数兼容性有些要求，IE浏览器并不支持。如果项目需要兼容IE，则此方法需要斟酌

DOM结构及css： 效果展示： 方法一：父元素使用相对定位，子元素设置position:absolate; left:50%;top50%;trasnform:translate(-50%,-50%

清除浮动方式1：给父元素单独定义高度; 优点：快速简单，代码少;缺点：无法进行响应式布局 清除浮动方式2：父级定义overflow：hidden；zoom：1（针对ie6 的兼容） 优点：简单快速、代