Bagaimanakah Saya Boleh Meletakkan Div Tidak Sama Bersebelahan dengan Ketinggian Sama?

Penjajaran Menegak Div ​​Tak Sama Bersebelahan

Letakkan div sebelah-menyebelah dengan ketinggian yang sama apabila satu mengandungi lebih banyak kandungan cabaran pembangunan web biasa. Walaupun penyelesaian JavaScript (dengan jQuery) mungkin, terdapat kaedah unggul yang mengutamakan semantik dan kebolehcapaian.

Kaedah 1: CSS

Pendekatan pilihan menggunakan CSS. Untuk keserasian optimum, gunakan "display: table-cell" atau "display: inline-block." Sebagai alternatif, pertimbangkan kaedah "latar belakang palsu" yang memanfaatkan kecerunan CSS3.

Kaedah 2: Jadual

Jadual menyediakan penyelesaian yang mudah, tetapi datang dengan kos kelemahan semantik. Purists boleh membantah penggunaannya untuk reka letak, dan jadual harus digunakan dengan berhati-hati.

Kaedah 3: JavaScript / jQuery

Kaedah ini cemerlang dalam mengekalkan penanda semantik, tetapi bergantung pada JavaScript untuk mencapai kesan yang diingini. Tanpa JavaScript didayakan, penyamaan tidak akan berlaku.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Meletakkan Div Tidak Sama Bersebelahan dengan Ketinggian Sama?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!