設置容器上下 padding 相同實現(xiàn)垂直居中和使用 line-height=height 實現(xiàn)垂直居中僅對單行文本有效俐载,當文本行數(shù)超過單行時:
1)padding:文本仍然處于容器垂直居中的位置,但是容器的 height 會隨著文本行數(shù)的增加而增大型奥;
2)line-height=height:容器的 height 不變噪伊,line-height 是文本的行間距枷邪,文本會溢出容器顯示报咳;
3)多行文本可使用 vertical-align: middle; 來實現(xiàn)元素的垂直居中,但是如果子元素的內(nèi)容體積大于父元素的內(nèi)容體積時淫痰,仍然會溢出,后面需要使用文字溢出處理來解決整份。