<p>Atribut paparan dalam CSS menetapkan jenis paparan elemen dan mengawal cara ia muncul pada halaman. Nilai yang mungkin termasuk: sebaris: Elemen sebaris, pada tahap yang sama dengan teks, hanya menduduki lebar kandungan. blok: elemen peringkat blok, mengisi lebar dan balut yang tersedia. inline-block: Ia mempunyai kedua-dua atribut elemen peringkat sebaris dan blok dan boleh disusun sebaris tetapi mengambil lebar. tiada: sembunyikan elemen. Flex: Cipta bekas yang fleksibel untuk memudahkan reka letak dan kawalan saiz. grid: Cipta bekas grid untuk memudahkan penyusunan dan penjajaran elemen. delima: tambah nota fonetik atau ulasan. jadual: Dipaparkan sebagai jadual.
<p>
![Apakah yang dimaksudkan dengan atribut paparan dalam css?](https://img.php.cn/upload/article/202404/25/2024042518511776881.jpg)
<p>
Apakah sifat paparan dalam CSS?
<p>Atribut paparan digunakan untuk menetapkan jenis paparan elemen dan mengawal cara elemen dipaparkan pada halaman. Nilai atribut
<p>
paparan:
-
sebaris: dipaparkan sebagai elemen sebaris, pada tahap yang sama dengan kandungan teks. Elemen tidak menduduki keseluruhan lebar yang tersedia, hanya lebar kandungannya.
-
sekat: Dipaparkan sebagai elemen peringkat blok, bermula pada baris baharu. Elemen mengambil keseluruhan lebar yang tersedia dan disusun secara menegak.
-
inline-blok: Mempunyai sifat-sifat kedua-dua elemen sebaris dan elemen peringkat blok. Elemen boleh disusun sebaris tetapi menempati lebar yang sama dengan elemen peringkat blok.
-
tiada: Sembunyikan elemen, menjadikannya tidak kelihatan.
-
flex: Buat bekas fleksibel berdasarkan model flexbox, yang boleh mengawal reka letak dan saiz elemen dengan mudah.
-
grid: Buat bekas grid berdasarkan model susun atur grid untuk menyusun dan menjajarkan elemen dengan mudah.
-
delima: Digunakan untuk menambah notasi fonetik atau nota di sebelah teks.
-
jadual: Paparkan elemen sebagai jadual.
<p>
Gunakan atribut paparan:
<p>Untuk menggunakan atribut paparan pada elemen HTML, anda boleh menetapkan nilainya dalam peraturan gaya elemen:
<code class="css">element {
display: value;
}</code>
<p>Contohnya:
<code class="css">p {
display: block;
}</code>
<p>Ini akan menetapkan semua elemen
<p>
sebagai blok -elemen peringkat .
Atas ialah kandungan terperinci Apakah yang dimaksudkan dengan atribut paparan dalam css?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan: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