Bagaimana untuk membuat tiga div bersebelahan dengan css
Nov 10, 2021 pm 05:38 PMCara 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!

Artikel Panas

Alat panas Tag

Artikel Panas

Tag artikel panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

Apakah maksud pemegang tempat dalam vue

Bagaimana untuk menulis ruang dalam vue

Bagaimana untuk mendapatkan dom dalam vue

Bagaimana untuk memperkenalkan imej ke dalam vue

Dalam bahasa apakah pemalam penyemak imbas ditulis?
