我是石家莊做網站的一名前端工程師，今天我給大家分享的是css中讓元素居中的四種方法。希望這篇文章對大家能有所幫助。

　　第一種方法:

　　div.box{

　　weight:200px;

　　height:400px;

　　position:absolute;

　　left:50%;

　　top:50%;

　　margin-left:-100px;

　　margin-top:-200px;

　　}

　　有點是兼容性好;缺點是必須知道元素的寬高

　　-------------

　　第二種方法：

　　div.box{

　　weight:200px;

　　height:400px;

　　position:absolute;

　　left:50%;

　　top:50%;

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

　　}

　　不用知道元素的寬高;缺點是兼容性不好，只支持IE9+的瀏覽器

　　---------------

　　第三種方法

　　div.box{

　　weight:200px;

　　height:400px;

　　position:absolute;

　　left:0;

　　right:0;

　　top:0;

　　bottom:0;

　　margin:auto;

　　}

　　優(yōu)點是兼容性較好，缺點是不支持IE7以下的瀏覽器

　　---------------

　　第四種方法

　　div{

　　display:flex;

　　justify -content:center;

　　align-items:center;

　　}

　　以上就是石家莊做網站的尚武科技π為大家分享的CSS3讓元素居中的四種方法

　　希望對各位小伙伴有所幫助。

　　如果大家對有什么技術方面的問題，可以關注石家莊做網站的尚武科技官方公眾號“尚武科技π”，其中會有大量關于”互聯(lián)網+”的相關的內容供大家互相學習了解，同時歡迎大家一起討論技術問題。

　　通過以上內容的說明，大家對CSS3讓元素居中的四種方法已經有了一定的了解。如果大家還有什么問題可以在尚武科技π留言，我們會在下期的文章更新中為您解答您的問題。

　　希望石家莊做網站的尚武科技做網站做的越來越好。

　　如果大家覺得尚武科技π寫的文章對大家有用的話別忘了分享給朋友，萬分感謝大家對尚武科技π的支持。

　　碼字不易，且看且珍惜......