yanhaijing/vertical-center

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

Open

#6 geöffnet am 5. Juni 2020

Auf GitHub ansehen
 (4 Kommentare) (0 Reaktionen) (1 zugewiesene Person)HTML (444 Stars) (60 Forks)batch import
help wanted

Beschreibung

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

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

父元素设置：

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

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

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

Contributor Guide

Tech Stack
css
Domain
frontend
Issue Type
documentation
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
1
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
under 1 hour
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
stale
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
clear
Voraussetzungen
Keine
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
85
Research-Richtung
该issue建议在垂直居中示例集合中添加`display: webkit box`方法。需要检查仓库中现有的文档结构（如README或HTML文件），找到示例列表部分，将新方法添加到适当位置。同时，由于该方法依赖旧语法且兼容性不佳，建议在说明中注明浏览器支持情况或推荐使用现代Flexbox方案。