.element這種方法有乙個很明顯的不足，就是需要提前知道元素的尺寸。否則
margin負值的調整無法精確。此時，往往要借助js獲得
方案二
.element相容性不好，ie10以上才支援
.element**兩個關鍵點：
上下左右均0位置定位；
margin: auto
上面**的width: 600pxheight: 400px僅是示意，你修改為其他尺寸，或者不設定尺寸（需要是這種自身包含尺寸的元素），都是居中顯示的。
以上是從網上看到的資訊。經過測試發現
上面**的，如果需要居中的元素自身不包含尺寸則出現不同的現象。
1.width 和 height屬性都不寫，沒有居中效果。如果heigth屬性被定義為height:0;是可以實現上下居中的。
2.width如果不寫的話，元素是滿屏顯示，上下居中。
3.如果定義了width,height 屬性，元素就會上下左右居中顯示
4 table 不設定寬和高。只實現了上下居中
css實現居中
要考慮布局場景，有些並不適合複雜布局，主要實現垂直居中，水平居中會帶一下 1 height配合line height 父標籤 parent 2 vertical align middle 父標籤 parent 子標籤 child 3 display table cell 父標籤 parent 4 d...
如何實現居中對齊
html m 1 絕對定位優點 相容性好，不需要知道寬高，適用於塊級元素缺點 脫離文件流 vertical content m 2 line height優點 相容性好，適用於inline和inline block元素缺點 需要對父元素進行完全控制 vertical content m 3 tabl...
CSS實現居中的方式
class out class in div div 通過margin 0 auto 實現水平居中 out in通過position absolute margin left 實現水平居中 out in通過text align center 實現水平居中 out in通過隱藏節點 float的方法實...