Pemusatan vertikal di CSS

CSS masih membingungkan bagi sebagian besar dari kita: CSS memiliki ratusan properti yang diberi nama buruk, yang masing-masing dapat memengaruhi hasil dengan cara yang tidak intuitif. Penempatan elemen vertikal dalam pengembangan web rumit dan sering kali menyebabkan pusing kepala di masa lalu. Tapi untungnya hari-hari itu sudah berakhir.


Sulit dipercaya: Pada tahun 2024, hasil yang diinginkan dapat dicapai hanya dengan satu baris CSS:

0f1273b25d9806459716

0f1273b25d9806459716

Di masa lalu, orang menggunakan berbagai pilihan lain untuk mencapai hasil yang sama:

Kotak fleksibel

0f1273b25d9806459716

Penempatan mutlak

0f1273b25d9806459716

Blok sebaris

0f1273b25d9806459716

Itu Dukungan browser untuk menyelaraskan konten sekarang sudah sangat baik dan tidak ada lagi argumen yang baik untuk menggunakan teknik yang ketinggalan jaman. Antara lain, Anda tidak lagi memerlukan Flexbox untuk tugas ini dan elemen turunan tidak harus berada di elemen terpisah (tidak seperti contoh di atas). div termasuk. Sungguh menakjubkan bahwa setelah kemajuan selama beberapa dekade, CSS kini hanya memiliki satu properti untuk mengontrol pemusatan vertikal.

Kembali