yanhaijing/vertical-center

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

Ouverte

#6 ouverte le 5 juin 2020

Voir sur GitHub
 (4 commentaires) (0 réaction) (1 personne assignée)HTML (60 forks)batch import
help wanted

Métriques du dépôt

Stars
 (444 étoiles)
Métriques de merge PR
 (Aucune PR mergée en 30 j)

Description

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

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

父元素设置：

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

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

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

Guide contributeur

Direction de recherche
Ajoutez le code CSS suggéré à la page de démonstration.
Stack technique
html
Domaine
frontend
Type d'issue
Fonctionnalité
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
1
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
Moins d'une heure
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
CSSGit
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
90