h5 纯css 最简单最完美的水平垂直居中

Xiao阿

于 2018-06-24 02:46:17 发布

阅读量3.6k

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_35641923/article/details/80788687

本文介绍了一种使用CSS将元素居中的方法。通过设置父级元素的相对定位和子元素的绝对定位，并结合transform属性，可以轻松实现元素在页面上的水平垂直居中效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

    <div class="parent">
        <div class="item"></div>
    </div>

.parent{
    position: relative;
}
.parent .item{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}