Bagaimanakah Saya Boleh Menjajarkan Elemen Secara Mendatar Tanpa Mengubah HTML?

Menjajarkan Elemen pada Baris Yang Sama Tanpa Pengubahsuaian HTML

Apabila cuba menjajarkan dua elemen bersebelahan menggunakan CSS floats, ia adalah mencabar untuk memastikan penjajaran yang tepat apabila lebar elemen berbeza-beza. Jika mengubah suai struktur HTML bukan satu pilihan, terdapat teknik CSS untuk menjajarkan elemen pada baris yang sama.

Penyelesaian terletak pada penggunaan paparan:sifat blok sebaris. Begini caranya:

#element1 {display:inline-block;margin-right:10px;} 
#element2 {display:inline-block;}

CSS ini menetapkan kedua-dua elemen untuk dipaparkan sebagai blok sebaris, membolehkan mereka duduk bersebelahan seperti teks. Sifat margin-kanan pada #element1 mencipta jarak yang diingini antara elemen.

Sebagai contoh, jika #element1 mengandungi "penanda elemen 1" dan #element2 mengandungi "penanda elemen 2", CSS di atas akan menghasilkan yang berikut:

<div>

Teknik ini memastikan kedua-dua elemen menjajar secara mendatar, walaupun dengan lebar yang berbeza-beza, memberikan penjajaran seragam pengalaman.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menjajarkan Elemen Secara Mendatar Tanpa Mengubah HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!