前端布局技术

使用CSS实现HTML元素居中：水平居中块级元素用margin: 0 auto;，内联元素设父级text-align: center;，垂直居中推荐Flex布局（父容器display: flex; align-items: center; justify-content: center;）或绝对定位配合transform: translate(-50%,-50%)，Grid布局也可用place-items: center;。