居中：盒子在其包含塊中居中
1.行盒（行塊盒）水平居中：
直接設定行盒（行塊盒）父元素的text-align屬性：center
2.常規流塊盒水平居中：
定寬，設定左右margin為auto;
div{
width:100px;
margin:0 auto;
3.絕對定位的水平居中：
定寬，設定左右的座標為0（left:0, right:0），將左右的margin設定為auto
div{
width:100px;
left:0;
right:0;
margin:0 auto;
3.單行文字垂直居中
設定文字所在的元素的行高，為整個區域的高度：line-height:100px;
4.行塊盒或塊盒內多行文字的垂直居中
沒有完美解決方案
設定盒子上下內邊距（padding）相同，來達到類似的效果
也可以使用下面5所介紹的垂直居中方案。
5.絕對定位的垂直居中
定高，設定上下的座標為0（top:0, bottom:0），將上下margin設定為auto
css 居中總結
1.定寬塊狀元素 水平居中 divstyle 2.不定寬塊狀元素 水平居中 wrap class wrap 設定我所在的div容器水平居中 div 2.display inline textalign center 它將塊狀元素的 display 型別改為 inline，變成了行內元素，所以少了一些...
css居中總結
給父元素設定 text align center 但對浮動元素，絕對定位元素無效設定margin 0 auto 將塊級元素display設定為inline，然後使用text align center 給父元素設定float,position relative,left 50 子元素設定positio...
css居中總結
1.我們可以通過給該元素的父級設定margin 0 auto的方式來實現。html class parent class child center div div css child此時檢查元素即可即可實現內層的div實現了居中,這種方式是最為我們熟知的，其缺點是需要設定子元素的寬度。2.通過pos...