yanhaijing/vertical-center

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

Open

#6 aperta il 5 giu 2020

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

Metriche repository

Star
 (444 star)
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

Direzione di ricerca
Questa issue suggerisce di aggiungere il metodo `display: webkit box` alla raccolta di esempi di centratura verticale. È necessario controllare la struttura documentale esistente nel repository (come file README o HTML), trovare la sezione dell'elenco degli esempi e aggiungere il nuovo metodo nella posizione appropriata. Inoltre, poiché questo metodo si basa su una sintassi obsoleta e ha una scarsa compatibilità, si consiglia di indicare nel testo il supporto del browser o di raccomandare l'uso della soluzione moderna Flexbox.
Tech stack
css
Dominio
frontend
Tipo issue
Documentazione
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
1
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Meno di 1 ora
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Datata
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
Nessuno
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
85