Właściwość „Wyrównaj-treść” w układach bloków jest teraz częścią wymiaru Baseline.
Zadbaj o dobrą organizację dzięki kolekcji
Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.
Rachel Andrew
Opublikowano: 17 kwietnia 2024 r.
W przypadku układów blokowych i tabel możesz teraz używać właściwości align-content z modułu CSS Box Alignment. Umożliwi to wyrównanie kierunku bloku bez konieczności tworzenia układu elastycznego lub siatki.
Browser Support
123
123
125
17.4
Niegdyś niemożliwe zadanie wyśrodkowania elementu w pionie stało się łatwiejsze dzięki flexboxowi i siatce, a także właściwości align-content. Wymagało to jednak utworzenia układu elastycznego lub siatki tylko po to, aby wykonać to wyrównanie.
Właściwość została określona dla układu blokowego, a w ciągu ostatnich kilku miesięcy wszystkie 3 główne silniki udostępniły tę funkcję.
Dzięki właściwości align-content dostępnej w przypadku układu blokowego możesz uzyskać wyrównanie w pionie bez konieczności tworzenia układu elastycznego lub siatki. Nie są potrzebne żadne dodatkowe właściwości, ponieważ element pozostaje elementem blokowym. Jedyną zmianą jest wyrównanie.
Właściwość align-content
wyśrodkowuje nagłówek w pionie w kontenerze bloku.
[[["Łatwo zrozumieć","easyToUnderstand","thumb-up"],["Rozwiązało to mój problem","solvedMyProblem","thumb-up"],["Inne","otherUp","thumb-up"]],[["Brak potrzebnych mi informacji","missingTheInformationINeed","thumb-down"],["Zbyt skomplikowane / zbyt wiele czynności do wykonania","tooComplicatedTooManySteps","thumb-down"],["Nieaktualne treści","outOfDate","thumb-down"],["Problem z tłumaczeniem","translationIssue","thumb-down"],["Problem z przykładami/kodem","samplesCodeIssue","thumb-down"],["Inne","otherDown","thumb-down"]],["Ostatnia aktualizacja: 2024-04-17 UTC."],[],[]]