CSS中如何定位元素居中 在前端开发中,经常遇到需要将某个元素水平、垂直居中的情况。这时候,使用CSS来定位元素可以轻松实现这个效果。 水平居中 为了实现水平居中,我们需要定义一个固定宽度的容器,并将
.container { width: 500px; text-align: center; } <br> .container div { display: inline-block; }
.parent { display: flex; align-items: center; justify-content: center; } <br> .parent div { width: 200px; height: 200px; background-color: #ddd; }
.parent { position: relative; } <br> .parent div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
粉丝
0
关注
0
收藏
0