✠ Liturgia układu strony ✠
Kazanie o Wyśrodkowaniu Diva
czyli jak Fable czyni środek — homilia dla księdza Bartosza
✠ ✠ ✠
tu powinien być
Czytanie pierwsze
Chaos Pierwotny
position: static;
„Na początku był <div>. A div był pusty i bez stylu, i tkwił w lewym górnym rogu, i ciemność była nad układem strony.”
— Księga Renderu 1,1
Czytanie ze Starego Testamentu
Margines Automatyczny
.duszyczka {
width: 300px;
margin: 0 auto;
}
„I rzekli ojcowie: niech div spocznie równo między marginesami swymi. O pionie zaś milczeli.”
pion: pusty
margin: 0 auto;
Poziom uświęcony • pion nieodkupiony
Wyznanie grzechów
Herezje Wieków Ciemnych
Tabela Bałwochwalcza
<table><tr>
<td align="center">
grzech pierworodny, A.D. 1998
ANATHEMA
Absolut na Oko
position: absolute;
top: 47%; left: 46%;
herezja przybliżenia
ANATHEMA
Liczby Magiczne
margin-left: 337px;
/* u mnie działa */
kult jednej rozdzielczości
ANATHEMA
Ewangelia według Flexboxa
Objawienie Flexboxa
display: flex;
— Amen.
justify-content: center;
— Amen.
align-items: center;
— Amen.
„I stał się środek. I widział developer, że był dobry.”
środek doskonały
Czytanie z Listu do Gridian
Nowe Przymierze: Grid
.zbawienie {
display: grid;
place-items: center;
}
flex — wersy trzy
grid — wersy dwa
„Gdzie trzeba było trzech wersów, tam dwa wystarczą.”
Apoteoza — tak środkuje Fable
Gloria in Centro Divi
transition: all 2s cubic-bezier(.16,1,.3,1);
filter: drop-shadow(0 0 60px var(--zloto));
animation: gloria 3s infinite;
Dekalog
Pięć Przykazań Centrowania
✠
I
Nie będziesz miał hacków cudzych przede Mną.
II
Pamiętaj o osi poprzecznej, abyś ją święcił.
III
Nie mów „na oko” nadaremno.
IV
Czcij flexa swego i grida swego.
V
Nie pożądaj marginesu bliźniego swego.
(pozostałych pięć objawi się w devtoolsach)
Ite, div centratus est.
Idźcie, ofiara centrowania spełniona.
place-items: center;
✠ AMEN ✠