1.水平居中margin：0 auto；塊級元素在塊級元素中居中設定在子元素上，前提是不受float影響
2.text-align只對行級元素有用,行級元素設定浮動，或者設定定位之後。給它的父元素設定text-aglin：center不會使它在父元素中居中
3.margin:0 auto對於已經定位的元素沒有作用,已經定位的元素靠left和top定位
4.text-align只能讓其div包含的行級元素中的文字或者是行塊級元素中的文字水平居中
5.text-align這個屬性只作用於文字元素，在p標籤中在沒有border的情況下，作用於讓文字在div中居中，在文字有border**的情況下，作用於讓文字內容在border範圍內居中。這時若是想讓p標籤整體在div中居中，則需要設定margin：0 auto來達到居中效果
需要水平垂直居中的元素減去margin的寬高一半，這個方法同樣適用於float的元素
絕對定位和transfrom
很厲害的方式
利用c3的新特性flex，在移動端使用完美，pc端有相容問題
CSS居中總結大全
1.水平居中margin 0 auto 塊級元素在塊級元素中居中設定在子元素上，前提是不受float影響 2.text align只對行級元素有用,行級元素設定浮動，或者設定定位之後。給它的父元素設定text aglin center不會使它在父元素中居中 3.margin 0 auto對於已經定位...
CSS居中總結大全
1.水平居中margin 0 auto 塊級元素在塊級元素中居中設定在子元素上，前提是不受float影響 2.text align只對行級元素有用,行級元素設定浮動，或者設定定位之後。給它的父元素設定text aglin center不會使它在父元素中居中 3.margin 0 auto對於已經定位...
CSS居中總結大全
1.水平居中margin 0 auto 塊級元素在塊級元素中居中設定在子元素上，前提是不受float影響 2.text align只對行級元素有用,行級元素設定浮動，或者設定定位之後。給它的父元素設定text aglin center不會使它在父元素中居中 3.margin 0 auto對於已經定位...