在前端开发中,样式的居中对于页面的美观度是非常重要的。不过,在实现中,常常会遇到要居中的元素宽高不定,这是就需要使用到CSS不定宽高水平垂直居中的技巧。 使用CSS实现不定宽高水平居中可以使用如下代码
.parent { display: flex; justify-content: center; align-items: center; }上面的代码使用了“flex布局”的方式,将子元素垂直和水平都居中。其中,`justify-content: center`可以让子元素水平居中,而`align-items: center`可以让子元素垂直居中。
.parent { position: relative; } .child { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
粉丝
0
关注
0
收藏
0