1、行內元素：
將父元素設為：text-align:center
2、不定寬塊級元素：
設定display:inline和父級text-align:center
3、定寬塊級元素：
設定margin:auto
4、相對父元素絕對定位
父元素：position:relative;
子元素：position: absolute;left:50%;margin-left:-50px;（自身寬度的一半）
5、強行計算padding margin
1、父元素為定高塊元素，子元素為行內元素 行內塊元素：
父元素： 設定高
子元素： line-height = height
水平居中 和 垂直居中 方法總結
水平居中 行內元素 如果父元素是塊級元素，則直接給父元素設定text align center 如果父元素是不是塊級元素，先將父元素設定為塊級元素，再給父元素設定text align center 塊級元素 需要誰居中，給其設定 margin 0 auto 父元素設定相對定位，子元素設為 posit...
垂直居中和水平居中總結
container center 以上 可使塊級子元素水平垂直居中，為inline block的子元素只能垂直居中，若也想其水平垂直居中確保在父元素樣式中新增 text align center。關鍵必須設定其父元素固定寬高。即使有多個子元素也一樣可以垂直水平居中。當子元素都為行內元素 行內元素不能...
垂直水平居中方法總結
今天老大隨口問了這個問爛了的問題，我只回答了兩種，好吧，還是老老實實總結下來加強下記憶吧。一 定位 邊距 固定寬高度適用 container inner 複製 container inner 複製 二 定位 transform 不固定寬高也適用 container inner 複製 三 flex布局...