text-align：水平居中line-height：垂直居中（值和父元素的高度一致）
1.給父元素設定display：flex；2.給父元素設定display：flex；
給子元素設定margin:auto；
3.給父元素設定乙個定位屬性（相對定位），子元素一定設定絕對定位，然後給子元素設定left：50%；right：50%； ---->然後給子元素設定margin-投票：-（子元素width/2）px；margin-left：-（子元素height/2）px；
4.給父元素設定定位屬性，子元素設定絕對定位，然後給子元素的所有配合屬性設定0px。
--->再給子元素設定margin:auto；
1.給父元素新增邊框border屬性2.將原本設定給子元素的margin修改為設定父元素的padding
3.給父子級其中乙個設定浮動屬性
4.給父子級其中乙個設定position：absolute；屬性
5.給父元素新增乙個overflow：hidden；屬性
6.給父子級其中乙個設定display：inline-block；屬性
將本該設定給兩個元素的外邊距直接設定給乙個元素合併規則：
1.如果兩個數均為整數，取絕對值較大的乙個
2.如果兩個數值均為負數，取絕對值較大的乙個/較小的乙個
3.如果兩個數值一正一負，直接相加
元素垂直居中和水平居中
在此之前先要設定好高度和寬度 要是單行資料 垂直居中 1 可以用傳統的line height和height相等就可以 2 使用vertical align middle 此時該元素的display要設定為table cell，並且子元素必須是行級元素才可以。水平居中 1 text align cen...
水平居中和垂直居中
行內元素 為該行內元素的父元素新增設定text align center 塊級元素 為其自身設定margin auto樣式 子元素是行內元素 設定父元素的line height為其自身盒子的高度 子元素是塊級元素但子元素高度沒有設定 設定父元素是 display table cell vertica...
元素水平居中和垂直居中的方式
關於居中的問題，一直處於疑惑不解的狀態，知道的幾種方法好像也不是每一次都會起到作用，所以更加迷惑。主要是不清楚該 在什麼情況下採用哪種解決方法，所以，整理了一些方法，梳理一下思路，做乙個總結。對於單行文字，可以設定它的行高等於它父容器的高度，這樣就實現了該文字的垂直居中，但是此方法只適用於單行文字。...