今天老大隨口問了這個問爛了的問題，我只回答了兩種，好吧，還是老老實實總結下來加強下記憶吧。
一：定位+邊距(固定寬高度適用)
"container">
"inner">
複製**
.container
.inner
複製**
.container
.inner
複製**
.container
.inner
複製**
"container">
"outter">
"inner">
複製**
.container
.outter
.inner
複製**
以上為比較好用的塊級元素居中方案，別的一些細節如下：
行內元素垂直居中：
1、父元素等值padding
2、子元素line-height等於父元素高度
塊級元素水平居中：
margin: 0 auto
複製**
水平居中和垂直居中方法總結
1 行內元素 將父元素設為 text align center 2 不定寬塊級元素 設定display inline和父級text align center 3 定寬塊級元素 設定margin auto 4 相對父元素絕對定位 父元素 position relative 子元素 position a...
水平居中 和 垂直居中 方法總結
水平居中 行內元素 如果父元素是塊級元素，則直接給父元素設定text align center 如果父元素是不是塊級元素，先將父元素設定為塊級元素，再給父元素設定text align center 塊級元素 需要誰居中，給其設定 margin 0 auto 父元素設定相對定位，子元素設為 posit...
CSS水平垂直居中方法總結
部分html 如下 div class wrap block div class block center 塊兒居中 div div div class wrap inline span class inline center 內聯居中 span div 一 absolute 二 table inl...