Rumah > Artikel > hujung hadapan web > Bagaimana untuk membuat tiga div bersebelahan dengan css
Cara membuat tiga div bersebelahan dengan css: 1. Tetapkan "display:inline;" atau gaya "display:inline-block;" kepada tiga elemen div buat tiga div Elemen diapungkan dengan sintaks "float:left;".
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.
div ialah elemen blok, yang dipaparkan pada barisnya sendiri secara lalai:
<div></div> <div></div> <div></div>
Jadi bagaimana anda membuat ketiga-tiga div ini paparan sebelah sebelah? Terdapat dua kaedah. Biar saya memperkenalkannya kepada anda di bawah:
1 Gunakan atribut paparan
untuk menetapkan ketiga-tiga div kepada display:inline;
atau display:inline-block;
div{ width: 100px; height: 20px; border: 1px solid red; display:inline-block; }
Nota: Apabila ditetapkan kepada display:inline;
, perlu ada kandungan dalam div, jika tidak, div tidak boleh dibuka.
2. Gunakan atribut apungan
untuk mengapungkan tiga div
div{ width: 100px; height: 20px; border: 1px solid red; float:left; }
(video pembelajaran Kongsi: tutorial video css)
Atas ialah kandungan terperinci Bagaimana untuk membuat tiga div bersebelahan dengan css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!