不定宽高的水平垂直居中
CSS3方法一:
1 //父元素相对定位 2 parent{position:relative;} 3 //子元素相对定位后偏移 4 child{position: absolute; top:50%; left: 50%; -webkit-transform:translate(-50%,-50%)}
CSS3方法二:
1 //给父元素添加如下属性 2 parent{ display: -webkit-box; -webkit-box-pack:center; -webkit-box-align:center;}
css3方法三:
1 //给父元素添加如下属性 2 parent{ display: -webkit-flex; -webkit-justify-content:center; -webkit-align-items:center;}
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步