Cara menggunakan paparan dalam css

Atribut Paparan mengawal cara elemen dipaparkan pada halaman web dan mempunyai nilai yang mungkin berikut: sebaris (susunan mendatar, tiada pembalut baris), blok (menduduki keseluruhan baris, pembalut baris), blok sebaris (susunan mendatar atau pembalut baris), paparan tiada (tiada pembalut baris), flex (susun atur kotak flex) dan grid (susun atur grid).

penggunaan paparan dalam CSS

Apakah atribut paparan?

Atribut paparan mengawal cara elemen dipaparkan pada halaman web. Ia menentukan sama ada elemen dipaparkan, cara ia disusun dan berapa banyak ruang yang digunakan.

Nilai yang mungkin ​​untuk atribut paparan

Atribut paparan mempunyai nilai yang mungkin berikut:

• sebaris: Elemen disusun secara mendatar tanpa membalut.
• blok: Elemen menduduki keseluruhan baris dan membalut.
• inline-block: Elemen boleh disusun secara mendatar atau dibalut.
• tiada: Unsur tidak dipaparkan.
• flex: Susun elemen mengikut peraturan susun atur flexbox.
• grid: Susun elemen mengikut peraturan susun atur grid.

Penggunaan atribut paparan

Menggunakan atribut paparan, anda boleh mengawal cara sesuatu elemen dipaparkan. Contohnya:

<code class="css">#myElement {
  display: none;
}</code>

Ini akan menyembunyikan elemen dengan id "myElement".

<code class="css">#myElement {
  display: flex;
}</code>

Ini akan menyusun elemen dengan id "myElement" menggunakan susun atur flexbox.

Pilih nilai paparan yang betul

Memilih nilai paparan yang betul bergantung pada cara anda mahu memaparkan elemen. Berikut adalah nilai yang disyorkan dalam senario yang sama:

• Text atau pautan: inline
• title atau perenggan: block
• button atau imej: inline-block
• element to hide: none
• Susun atur fleksibel:flex
• Susun atur grid:grid

Atas ialah kandungan terperinci Cara menggunakan paparan dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!