html元素垂直居中的几种方法

元素宽高已知

div{

width:100px;

height:100px;

position:absolute;

left:50%;

top:50%;

margin-left:-50px;

margin-top:-50px; }
元素宽高未知

div{

position: absolute;

left: 50%;

top: 50%;

transform: translate(-50%,-50%);

}

CSS3属性

div{

display:flex;

justify-content:center;

align-items:center;

}

另外还有margin:0 auto;和text-align:center方法。

行内元素可以设置父元素的height和line-height一样。

发布了9 篇原创文章 · 获赞 4 · 访问量 2004
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览