Dalam HTML, tombol adalah elemen yang dapat diklik yang digunakan untuk melakukan tindakan tertentu. Menggunakan CSS, Anda dapat mengatur posisi tombol di mana Anda ingin meletakkannya. Untuk melakukannya, ada beberapa teknik dalam CSS, salah satunya adalah flexbox. “ melenturkan ” digunakan untuk mengatur posisi elemen menurut viewport-nya.
Artikel ini akan mengajarkan cara memusatkan tombol menggunakan CSS Flexbox.
Jadi, mari kita mulai!
Bagaimana Cara Menempatkan Tombol Tengah Menggunakan CSS flexbox?
“ melenturkan ” adalah nilai yang ditetapkan untuk properti tampilan CSS. Bergantung pada ukuran viewport, ini menetapkan konten atau elemen yang sesuai. Di CSS, nilai flex menciptakan ruang yang sama antara elemen untuk memastikan mereka diatur secara efisien.
Sintaksis
Dalam sintaks yang diberikan di atas, “ melenturkan ” akan ditentukan sebagai nilai dari “ menampilkan ' Properti.
Jadi, mari kita lihat contoh untuk memusatkan tombol menggunakan flex.
Contoh
Pada
HTML, kita akan membuat container dengan class