通過以下兩種方法便可以實(shí)現(xiàn)垂直居中的操作了,并且可以實(shí)現(xiàn)子元素在一個(gè)不清楚寬高的父元素中垂直居中的效果。?
方法1. 使用定位和負(fù)margin可以實(shí)現(xiàn)。?
(缺點(diǎn):這種方法可以不用知道父元素的寬高,但是必需得知道子元素的寬高才可以設(shè)置)

方法 2. 使用彈性盒子flexbox進(jìn)行布局。?
做法:只需要給父元素設(shè)置三條屬性值(display: flex;justify-content: center;align-items: center;),不需要考慮父元素和子元素的寬高問題。
