【39】秀的一手好css

最新推荐文章于 2024-06-24 13:53:56 发布

爱敲代码的程序猿

最新推荐文章于 2024-06-24 13:53:56 发布

阅读量305

点赞数

分类专栏： css3 特效文章标签： css3

本文链接：https://blog.csdn.net/qq_36911154/article/details/78890774

版权

css3 特效专栏收录该内容

8 篇文章 0 订阅

订阅专栏

Css3使用translate属性，使不知道宽度、高度的元素实现水平、垂直居中

<div class="wrapper">我不知道我的宽度和高是多少，我要实现水平垂直居中</div>  
.wrapper{   
    padding:20px;  
    background: orange;  
    color: #fff;  
    position: absolute;  
    top:50%;  
    left: 50%;  
    -webkit-transform:translate(-50%,-50%);   
    -moz-transform:translate(-50%,-50%);  
    -transform:translate(-50%,-50%);  
}