Pusat vertikal ing CSS

CSS isih mbingungake kanggo umume kita: nduweni atusan sifat sing ora dijenengi, saben-saben bisa mengaruhi asil kanthi cara sing ora intuisi. Posisi vertikal unsur ing pangembangan web angel lan asring nyebabake sirah ing jaman kepungkur. Nanging untunge dina-dina iku wis rampung.


Pancen angel dipercaya: Ing 2024 saiki bisa entuk asil sing dikarepake kanthi siji baris CSS:

0f1273b25d9806459716

0f1273b25d9806459716

Ing jaman kepungkur, wong nggunakake macem-macem opsi liyane kanggo entuk asil sing padha:

Flexbox

0f1273b25d9806459716

Posisi absolut

0f1273b25d9806459716

Blok inline

0f1273b25d9806459716

Ing Dhukungan browser kanggo align-content saiki wis apik banget, lan ora ana argumen sing apik maneh kanggo nggunakake teknik sing wis ketinggalan jaman. Kanggo tugas iki, sampeyan ora butuh flexbox maneh, lan elemen anak (ora kaya ing conto ing ndhuwur) ora perlu ana ing `<body>` sing kapisah. div kalebu. Pancen, sawise pirang-pirang dekade kemajuan, CSS mung duwe properti siji kanggo ngontrol pusat vertikal.

Bali