1.塊級元素水平垂直居中
方法1
1 <!--（該方法兼容ie8以上瀏覽器）--> 2 position: absolute/fixed; 3 left:0; 4 top:0; 5 right: 0; 6 bottom: 0; 7 margin:auto;
方法2:
1 <!--前提條件:必需知道該盒子的寬度和高度；--> 2 position: absolute/fixed; 3 left:50%; 4 top:50%; 5 margin-left:-盒子寬度的一半; 6 margin-top:-盒子高度的一半;
2. 行內塊元素水平居中
給父元素加 : textalgin:center
給本身添加margin: top/bottom 值調節居中
3.行內元素水平垂直居中
給父元素加 : textalgin:center ?lineheight = height
原因:將行內元素決議成了文本
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/11096.html
標籤：Html/Css
上一篇：大多數都不知道display:none visibility:hidden opacity:0 區別
下一篇：浮動 定位 以及其區別