Rumah >hujung hadapan web >tutorial css >Apakah yang dimaksudkan dengan atribut paparan dalam css?

Apakah yang dimaksudkan dengan atribut paparan dalam css?

下次还敢
下次还敢asal
2024-04-25 18:51:161186semak imbas
<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?

<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