1.父元素设置为display:table,子元素设置为display:table-cell,vertical-align:middle。
2.父元素position:realtive,子元素:absolute.top:50%,transform:translateY(-50%)
3.父元素display:flex,align-items:center即可以居中。
4.知道父元素高度,可以使用line-height设置为和父元素一样高。
1.父元素设置为display:table,子元素设置为display:table-cell,vertical-align:middle。
2.父元素position:realtive,子元素:absolute.top:50%,transform:translateY(-50%)
3.父元素display:flex,align-items:center即可以居中。
4.知道父元素高度,可以使用line-height设置为和父元素一样高。