yanhaijing/vertical-center

垂直水平居中:display: -webkit-box

Aperta

#6 aperta il 5 giu 2020

 (4 commenti) (0 reazioni) (1 assegnatario)HTML (60 fork)batch import
help wanted

Metriche repository

Star
 (444 stelle)
Metriche merge PR
 (Nessuna PR mergiata in 30 g)

Descrizione

拜读大佬文章,受益颇多。

这里补充一种实现垂直水平的方法:display: -webkit-box

父元素设置:

display: -webkit-box;
/** 水平居中**/
-webkit-box-pack: center;
/** 垂直居中**/
-webkit-box-align: center;

缺点也很明显,兼容性不太好。

参见:https://ataola.github.io/show/zj/center-middle.html

Guida contributor