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!