


Bagaimana untuk Menjadikan Item Flex Menduduki Lebar Penuh pada Baris Baharu?
Lebar Penuh Baris Fleksibel untuk Item Tertentu
Anda menyasarkan untuk memaksa elemen "label" untuk menduduki lebar penuh di bawah dua lentur lain- elemen kedudukan. Begini cara untuk mencapainya:
Biasanya, item flex berkongsi ruang yang tersedia secara sama rata. Walau bagaimanapun, anda mahu satu item (label) menduduki keseluruhan ruang yang tinggal pada baris baharu. Untuk melakukan ini:
- Tetapkan Lebar Item kepada 100%: Tetapkan elemen label lebar 100% atau gunakan asas-flex: 100%. Ini memastikan ia menggunakan semua ruang mendatar yang tinggal.
- Dayakan Balutan Bekas: Laraskan bekas induk untuk membolehkan pembalut (flex-wrap: wrap). Ini memaksa elemen adik-beradik mengalir ke baris baharu apabila ruang kehabisan.
Berikut ialah kod yang dikemas kini:
.parent { display: flex; flex-wrap: wrap; } .error { flex: 0 0 100%; border: 1px dashed black; }
Dengan pelarasan ini, elemen label akan menjangkau lebar penuh baris di bawah dua item fleksibel yang lain, seperti yang dikehendaki.
Atas ialah kandungan terperinci Bagaimana untuk Menjadikan Item Flex Menduduki Lebar Penuh pada Baris Baharu?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Di sini ' s sebuah bekas dengan beberapa elemen kanak -kanak:

Menu Flyout! Yang kedua anda perlu melaksanakan menu yang menggunakan acara hover untuk memaparkan lebih banyak item menu, anda ' di wilayah rumit. Untuk satu, mereka sepatutnya

"Kuasa web berada dalam kesejagatannya. Akses oleh semua orang tanpa mengira kecacatan adalah aspek penting."- Tim Berners-Lee

Dalam roundup minggu ini: DatePickers memberikan kepala kepala pengguna keyboard, kompilasi komponen web baru yang membantu melawan Fouc, kami akhirnya mendapatkan tangan kami pada penanda item senarai gaya, dan empat langkah untuk mendapatkan webment di laman web anda.

Jawapan ringkas: flex-shrink dan flex-basis mungkin apa yang anda cari.

Anda tidak boleh meletakkan kedudukan: melekit; a

Pada minggu ini, melihat seluruh dunia berita platform web, konsol carian google memudahkan untuk melihat markup merangkak, kami mengetahui bahawa sifat tersuai

Indieweb adalah satu perkara! Mereka ' VE mendapat persidangan yang datang dan segala -galanya. New Yorker juga menulis tentangnya:


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

PhpStorm versi Mac
Alat pembangunan bersepadu PHP profesional terkini (2018.2.1).

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Penyesuai Pelayan SAP NetWeaver untuk Eclipse
Integrasikan Eclipse dengan pelayan aplikasi SAP NetWeaver.

EditPlus versi Cina retak
Saiz kecil, penyerlahan sintaks, tidak menyokong fungsi gesaan kod

DVWA
Damn Vulnerable Web App (DVWA) ialah aplikasi web PHP/MySQL yang sangat terdedah. Matlamat utamanya adalah untuk menjadi bantuan bagi profesional keselamatan untuk menguji kemahiran dan alatan mereka dalam persekitaran undang-undang, untuk membantu pembangun web lebih memahami proses mengamankan aplikasi web, dan untuk membantu guru/pelajar mengajar/belajar dalam persekitaran bilik darjah Aplikasi web keselamatan. Matlamat DVWA adalah untuk mempraktikkan beberapa kelemahan web yang paling biasa melalui antara muka yang mudah dan mudah, dengan pelbagai tahap kesukaran. Sila ambil perhatian bahawa perisian ini