Rumah hujung hadapan web tutorial css Bagaimana untuk menetapkan div untuk dipaparkan ke kanan dalam css

Bagaimana untuk menetapkan div untuk dipaparkan ke kanan dalam css

Dec 07, 2021 pm 02:39 PM
css

Dalam CSS, anda boleh menggunakan atribut apungan untuk menetapkan div untuk dipaparkan ke sebelah kanan Atribut ini digunakan untuk menentukan arah elemen terapung Apabila nilai atribut adalah "betul". elemen terapung ke kanan, iaitu elemen Dipaparkan di sebelah kanan, sintaksnya ialah "div{float:right;}".

Bagaimana untuk menetapkan div untuk dipaparkan ke kanan dalam css

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3&&HTML5, komputer Dell G3.

Cara menetapkan div untuk dipaparkan ke kanan dalam css

Dalam css, anda boleh menggunakan atribut apungan untuk menyusun div ke kanan . Contoh berikut menerangkan cara mengatur semua div ke kanan menggunakan css.

1. Buat fail html baharu, bernama test.html, untuk menerangkan cara mengatur semua div ke kanan dengan css. Dalam div, gunakan div untuk mencipta tiga modul. Tetapkan atribut kelas tag div kepada mydiv. Tetapkan gaya div melalui kelas, tentukan lebarnya sebagai 400px, tinggi sebagai 200px dan warna latar belakang sebagai kelabu.

Bagaimana untuk menetapkan div untuk dipaparkan ke kanan dalam css

2 Dalam teg css, tetapkan gaya sub-div dalam div melalui kelas, tetapkan lebarnya kepada 80, tinggi kepada 80px dan warna latar belakang. kepada merah. Jidar kanan ialah 10px, dan kemudian atribut apungan ditetapkan ke kanan untuk menjajarkan div ke kanan.

Bagaimana untuk menetapkan div untuk dipaparkan ke kanan dalam css

Buka fail test.html dalam penyemak imbas untuk melihat kesannya.

Bagaimana untuk menetapkan div untuk dipaparkan ke kanan dalam css

Ringkasan:

1 Dalam div, gunakan div untuk mencipta tiga modul dan tetapkan atribut kelas teg div kepada mydiv.

2. Dalam teg css, tetapkan gaya div melalui kelas, tentukan lebarnya sebagai 400px, tinggi sebagai 200px dan warna latar belakang sebagai kelabu.

3 Dalam teg css, tetapkan gaya sub-div dalam div melalui kelas, tetapkan lebarnya kepada 80, tinggi kepada 80px, warna latar belakang kepada merah, jidar kanan kepada 10px, dan kemudian tetapkan atribut float Tetapkan ke kanan untuk menjajarkan div ke kanan.

[Pembelajaran yang disyorkan: Tutorial JavaScript Lanjutan]

Atas ialah kandungan terperinci Bagaimana untuk menetapkan div untuk dipaparkan ke kanan dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Bagaimana untuk memilih elemen kanak -kanak dengan item nama kelas pertama melalui CSS? Bagaimana untuk memilih elemen kanak -kanak dengan item nama kelas pertama melalui CSS? Apr 05, 2025 pm 11:24 PM

Apabila bilangan elemen tidak ditetapkan, bagaimana untuk memilih elemen anak pertama nama kelas yang ditentukan melalui CSS. Semasa memproses struktur HTML, anda sering menghadapi unsur yang berbeza ...

Apakah fon yang dikodkan yang digunakan dalam gambar? Bagaimana cara menggunakan gaya fon ini dalam projek? Apakah fon yang dikodkan yang digunakan dalam gambar? Bagaimana cara menggunakan gaya fon ini dalam projek? Apr 05, 2025 pm 05:06 PM

Pengenalan dan penggunaan fon yang dikodkan dalam pengaturcaraan dan reka bentuk web, memilih fon yang betul dapat meningkatkan kebolehbacaan dan estetika kod. Terkini, ...

Bagaimana cara memaparkan 'badan bulat jingnan mai' yang dipasang dengan betul di laman web? Bagaimana cara memaparkan 'badan bulat jingnan mai' yang dipasang dengan betul di laman web? Apr 05, 2025 pm 10:33 PM

Menggunakan fail font yang dipasang di laman web baru -baru ini, saya memuat turun fon percuma dari internet dan berjaya memasangnya ke dalam sistem saya. Sekarang ...

Adakah pengeluaran halaman H5 memerlukan penyelenggaraan berterusan? Adakah pengeluaran halaman H5 memerlukan penyelenggaraan berterusan? Apr 05, 2025 pm 11:27 PM

Halaman H5 perlu dikekalkan secara berterusan, kerana faktor -faktor seperti kelemahan kod, keserasian pelayar, pengoptimuman prestasi, kemas kini keselamatan dan peningkatan pengalaman pengguna. Kaedah penyelenggaraan yang berkesan termasuk mewujudkan sistem ujian lengkap, menggunakan alat kawalan versi, kerap memantau prestasi halaman, mengumpul maklum balas pengguna dan merumuskan pelan penyelenggaraan.

Bagaimana menggunakan CSS dan Flexbox untuk melaksanakan susun atur imej dan teks yang responsif pada saiz skrin yang berbeza? Bagaimana menggunakan CSS dan Flexbox untuk melaksanakan susun atur imej dan teks yang responsif pada saiz skrin yang berbeza? Apr 05, 2025 pm 06:06 PM

Melaksanakan susun atur responsif menggunakan CSS apabila kami ingin melaksanakan perubahan susun atur di bawah saiz skrin yang berbeza dalam reka bentuk web, CSS ...

Bagaimana untuk menyesuaikan kesan hover baris gabungan di El-Table? Bagaimana untuk menyesuaikan kesan hover baris gabungan di El-Table? Apr 05, 2025 pm 06:54 PM

Bagaimana untuk menyesuaikan kesan hover baris gabungan di El-Table? Menggunakan elemen ...

Bagaimana cara menyesuaikan gaya hover dan logik baris yang digabungkan dalam elemen elemen? Bagaimana cara menyesuaikan gaya hover dan logik baris yang digabungkan dalam elemen elemen? Apr 05, 2025 pm 07:45 PM

Bagaimana untuk menyesuaikan gaya hover dan logik baris yang digabungkan di El-Table? Menggunakan elemen ...

Bagaimana untuk membuat pelbagai baris teks sejajar dan garis bawah dengan CSS? Bagaimana untuk membuat pelbagai baris teks sejajar dan garis bawah dengan CSS? Apr 05, 2025 pm 08:00 PM

Bagaimana untuk membuat pelbagai baris teks sejajar dan garis bawah dengan CSS? Dalam reka bentuk web harian, kita sering perlu gaya pelbagai baris teks dalam gaya khas ...

See all articles