Cara membuat div yang mengandungi berbilang imej saiz tetap
Ikhtisar
Untuk menjadikan imej mempunyai saiz tetap, anda boleh menetapkannya
Dalam imej di bawah, semua imej adalah saiz tetap, dengan saiz lebar "18rem" dan saiz ketinggian "10rem". Saiz imej ditetapkan sekali dalam helaian gaya dalaman kod dalam teg kepala.
Kesimpulan
Kelebihan menggunakan helaian gaya luaran ialah kita boleh meletakkan label dan menetapkan lebar dan ketinggiannya. Jadi tidak kira berapa banyak imej yang ditambahkan dalam div induk pada masa hadapan, imej itu akan menjadi saiz yang sama seperti yang ditunjukkan di atas. Tugas sedemikian digunakan untuk membangunkan aplikasi seperti galeri foto mudah alih, mencipta katalog kursus, dsb. Menggunakan gaya sebaris dalam kes ini adalah sia-sia kerana ia akan menjadikan kod lebih bersepah.
Atas ialah kandungan terperinci Cara membuat div yang mengandungi berbilang imej saiz tetap. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Alat AI Hot

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool
Gambar buka pakaian secara percuma

Clothoff.io
Penyingkiran pakaian AI

AI Hentai Generator
Menjana ai hentai secara percuma.

Artikel Panas

Alat 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

Kaedah CSS untuk menyedari bahawa div tiada sudut: 1. Buat fail sampel HTML dan tentukan div 2. Tetapkan warna latar lebar dan ketinggian untuk div 3. Tambah kelas pseudo pada div yang perlu dipadamkan; sudut, dan tetapkan kelas pseudo kepada Gunakan warna yang sama dengan warna latar belakang, kemudian putarkannya 45 darjah, dan kemudian letakkannya ke sudut yang perlu dialih keluar.

Prakata Baru-baru ini, terdapat skrip pelayar berdasarkan ChatGPTAPI di GitHub, openai-translator Dalam tempoh yang singkat, bintang itu telah mencapai 12k Selain menyokong terjemahan, ia juga menyokong fungsi penggilap dan ringkasan -in, ia juga menggunakan pembungkusan tauri Jika anda mempunyai klien desktop, selain daripada fakta bahawa tauri menggunakan bahagian karat, bahagian pelayar masih agak mudah untuk dilaksanakan Hari ini kami akan melaksanakannya secara manual. Antara muka yang disediakan oleh openAI, sebagai contoh, kita boleh menyalin kod berikut dan memulakan permintaan dalam konsol penyemak imbas untuk melengkapkan terjemahan //Const constOPENAI_API_KEY="s

Perbezaannya ialah: 1. div ialah elemen peringkat blok, dan span ialah elemen sebaris; 2. div akan secara automatik menduduki baris, manakala span tidak akan secara automatik membalut; span digunakan untuk membalut Teks atau elemen sebaris lain 4. div boleh mengandungi unsur peringkat blok dan unsur sebaris lain, dan span boleh mengandungi unsur sebaris lain.

Model kotak div ialah model yang digunakan untuk reka letak halaman web Ia menganggap elemen dalam halaman web sebagai kotak segi empat tepat Model ini mengandungi empat bahagian: kawasan kandungan, padding, sempadan dan margin. Kelebihan model kotak div ialah ia boleh mengawal reka letak halaman web dengan mudah dan jarak antara elemen Dengan melaraskan saiz kawasan kandungan, jidar dalam, jidar dan jidar luar, pelbagai kesan susun atur boleh dicapai model kotak juga menyediakan beberapa Sifat dan kaedah boleh mengubah gaya dan tingkah laku kotak secara dinamik melalui CSS dan JavaScript.

Perbezaan antara iframe dan div ialah iframe digunakan terutamanya untuk memperkenalkan kandungan luaran, yang boleh memuatkan kandungan dari tapak web lain atau membahagikan halaman web kepada berbilang kawasan Setiap kawasan mempunyai konteks penyemakan imbas bebasnya sendiri, manakala div digunakan terutamanya untuk membahagikan dan mengatur kandungan untuk reka letak dan kawalan gaya.

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

Bagaimana untuk mencapai kandungan di luar persembunyian dalam div css: 1. Gunakan kod css "overflow: hidden;" untuk merealisasikan kandungan di luar penyembunyian 2. Gunakan kod js "var myBox = document.getElementById('demo'); var mydemoHtml = myBox. innerHTML. slice(0, 20) +'...';" Laksanakan sahaja kandungan di luar persembunyian.

Kaedah untuk memusatkan div dalam CSS termasuk menggunakan atribut margin, susun atur flexbox, kedudukan mutlak dan menggunakan susun atur grid. Pengenalan terperinci: 1. Gunakan atribut margin Cara paling mudah ialah menggunakan atribut margin Dengan menetapkan margin kiri dan kanan kepada auto, anda boleh memusatkan div secara mendatar diperkenalkan dalam CSS3 Anda boleh mencapai pemusatan elemen dengan mudah 3. Gunakan kedudukan mutlak, dengan menggunakan kedudukan mutlak, dsb.
