如何用display: flex和justify-content: center实现父容器内元素水平居中？

使用display:flex配合justify-content:center可高效实现子元素水平居中。1.将父容器设置为display:flex，使其子元素成为弹性项目。2.通过justify-content:center控制主轴对齐，使子元素在横轴上居中排列。

查看更多 2026-06-22