简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah> hujung hadapan web> Soal Jawab bahagian hadapan> teks badan

Bagaimana untuk memaparkan dua div sebelah menyebelah

DDD
Lepaskan： 2023-11-01 11:36:59
asal
1218 orang telah melayarinya

Kaedahnya ialah: 1. Tetapkan dua elemen div kepada atribut "float:left;" 2. Gunakan susun atur fleksibel CSS untuk memaparkan elemen bersebelahan dengan mudah 3. Gunakan reka letak grid CSS; juga mungkin untuk memaparkan elemen bersebelahan.

Bagaimana untuk memaparkan dua div sebelah menyebelah

Untuk memaparkan dua div sebelah menyebelah, anda boleh menggunakan kaedah berikut:

Gunakan pelampung atribut Dalam CSS, anda boleh menetapkan dua elemen div ke atribut float:left supaya ia muncul bersebelahan. Kod sampel adalah seperti berikut:

 
 
Div 1
 
Div 2
Salin selepas log masuk

Gunakan reka letak grid: Menggunakan reka letak grid CSS juga boleh memaparkan elemen sebelah menyebelah. Tetapkan atribut paparan elemen induk kepada grid dan tetapkan atribut lajur grid elemen anak untuk mengawal kedudukan elemen anak dalam grid. Kod sampel adalah seperti berikut:

 
 
Div 1
 
Div 2
Salin selepas log masuk

Di atas adalah tiga kaedah yang biasa digunakan Anda boleh memilih kaedah yang sesuai mengikut situasi tertentu untuk mencapai paparan sebelah menyebelah dua div.

Atas ialah kandungan terperinci Bagaimana untuk memaparkan dua div sebelah menyebelah. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
div
sumber：php.cn
Artikel sebelumnya：Rujukan css dalam html Artikel seterusnya：Apakah yang dilakukan oleh penangkapan acara?
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Vue 3 dan Vuetify 3 mengakses pembolehubah SCSS/SASS dalam komponen Saya mahu menggunakan pembolehubah yang dipratentukan dalam komponen Vue3 saya.
daripada 2023-11-17 13:52:29
0
1
293
Kekalkan kedudukan karet dalam HTML boleh diedit kandungan apabila HTML dalaman berubah Saya mempunyai div yang bertindak sebagai editor WYSIWYG. Ia bertindak sebagai kotak teks ...
daripada 2023-11-08 22:38:23
0
2
285
Bagaimanakah saya boleh menetapkan ketinggian div luar supaya sentiasa sama dengan ketinggian div dalam tertentu? Saya mempunyai div luar yang mengandungi tiga div dalam. Saya mahu div dalam paling kiri s...
daripada 2023-11-07 13:59:30
0
2
314
Cara menterjemah atribut/sifat komponen menggunakan Vue I18n Bagaimana untuk menterjemah sifat/sifat masuk komponen? Sebagai contoh, saya mempunyai kom...
daripada 2023-11-07 12:47:10
0
2
163
Tulis semula tajuk ke: Vue 3: Pindahkan kandungan ke elemen dan gantikan Saya menggunakan teleport Vue3 untuk menjadikan elemen menjadi div dan ia berfungsi sepert...
daripada 2023-11-06 11:01:38
0
1
451
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！