對於文字的垂直居中相當簡單，只需要設定外層div的height與line-height值相等即可，但是此樣式卻不適用於div，img，p等元素的居中，下面是解決辦法：
使父級div顯示為**單元格，通過設定vertical-align:middle;就可以使其中的塊級元素垂直居中
// 父級樣式
div
// 父級樣式
.parent
// 子級樣式
.son
// 父級樣式
.parent
html 三種垂直居中
position table cell flex box三種垂直 水平 居中技巧 position 父元素子元素 注 需要父元素和子元素都定義寬高 display table cell 父元素子元素 注 能夠使大小不固定的元素實現垂直居中布局，除了常見的實現不同寬高的垂直居中，還能做到自適應兩欄布局...
讓子元素在父元素中水平居中垂直居中的方法
方法1 寫乙個偽元素，將它設定為行內塊元素，高度與父元素相同，寫一條屬性，vertical align middle,子元素也要寫，具體 如下 div.zi div after style head son div div 方法2 利用定位，給大的div寫乙個position relative 子元...
如何讓div中的內容垂直居中
要讓div中的內容垂直居中，無非有以下幾種方法，等我一一枚舉 如果要垂直居中的只有一行或幾個文字，那它的製作最為簡單，只要讓文字的行高和容器的高度相同即可，比如 p這段 可以達到讓文字在段落中垂直居中的效果。另一種方法和行高法很相似，它同樣適合一行或幾行文字垂直居中，原理就是利用padding將內容...