Dalam HTML, butang ialah elemen boleh klik yang digunakan untuk melakukan tindakan tertentu. Menggunakan CSS, anda boleh menetapkan kedudukan butang di mana anda mahu meletakkannya. Untuk berbuat demikian, terdapat beberapa teknik dalam CSS, salah satunya ialah flexbox. “ lentur ” digunakan untuk menetapkan kedudukan elemen mengikut ruang pandangnya.
Artikel ini akan mengajar cara untuk memusatkan butang menggunakan CSS Flexbox.
Jadi, mari kita mulakan!
Bagaimana untuk Memusatkan Butang Menggunakan CSS flexbox?
“ lentur ” ialah nilai yang ditetapkan untuk sifat paparan CSS. Bergantung pada saiz port pandangan, ia menetapkan kandungan atau elemen dengan sewajarnya. Dalam CSS, nilai flex mewujudkan ruang yang sama antara elemen untuk memastikan ia disusun dengan cekap.
Sintaks
Dalam sintaks yang diberikan di atas, ' lentur ” akan dinyatakan sebagai nilai “ paparan ” harta benda.
Jadi, mari kita lihat contoh untuk memusatkan butang menggunakan flex.
Contoh
Dalam
HTML, kami akan mencipta bekas dengan kelas