得分點(diǎn)：position、transform、flex、justify-content、align-items、vertical-align、text-align。

回答：

（1）設(shè)置元素相對父級定位。

????讓自身平移自身高度50%。

????這種方式兼容性好，被廣泛使用的一種方式。

（2）設(shè)置元素的父級為彈性盒子，設(shè)置父級和盒子內(nèi)部子元素水平垂直都居中。

????這種方式代碼簡潔，但是兼容性IE 11以上支持，由于目前IE版本都已經(jīng)很高，很多網(wǎng)站現(xiàn)在也使用這種方式實(shí)現(xiàn)水平垂直居中。

（3）設(shè)置元素的父級為網(wǎng)格元素，設(shè)置父級和盒子內(nèi)部子元素水平垂直都居中。

????這種方式代碼簡潔，但是兼容性IE 10以上支持。

（4）設(shè)置元素的父級為表格元素，其內(nèi)部元素水平垂直都居中。

????這種方式兼容性較好。

加分回答：京東的移動端頂部京東logo，使用的就是display:flex;這種模式。