memaparkan nilai atribut dalam css

Atribut paparan dalam CSS mengawal reka letak elemen dan mempunyai nilai atribut berikut: sebaris: Elemen dipaparkan pada baris yang sama bersebelahan dengan elemen lain, dengan lebar ditentukan oleh kandungan dan ketinggian ditentukan oleh saiz fon. blok: Elemen menduduki garis dengan sendirinya, lebar lalai kepada keseluruhan lebar yang tersedia, dan ketinggian ditentukan oleh kandungan. blok sebaris: Ia mempunyai atribut sebaris dan blok Elemen dipaparkan pada baris yang sama, tetapi lebar dan tinggi boleh ditetapkan. flex: Cipta elemen bekas dengan saiz dan susunan item yang fleksibel. grid: Buat susun atur grid dengan elemen yang disusun dalam baris dan lajur. kandungan: Sembunyikan elemen itu sendiri, tetapi tunjukkan elemen anaknya. tiada: Sembunyikan elemen sepenuhnya.

Nilai atribut paparan dalam CSS

Atribut paparan mengawal reka letak elemen pada halaman. Ia mempunyai nilai atribut berikut:

sebaris

• Menjadikan elemen kelihatan bersebelahan dengan elemen lain pada baris yang sama.
• Lebar elemen ditentukan oleh kandungan, dan ketinggian biasanya ditentukan oleh saiz fon.

blok

• menjadikan elemen menduduki garisan dengan sendirinya.
• Lebar elemen menjadi lalai kepada keseluruhan lebar yang tersedia, dan ketinggian ditentukan oleh kandungan.

inline-block

• menggabungkan gelagat atribut sebaris dan blok.
• Elemen dipaparkan pada baris yang sama, tetapi lebar dan tinggi boleh ditetapkan.

flex

• Buat elemen bekas dengan saiz dan susunan item yang fleksibel.
• Membolehkan anda menentukan arah, penjajaran dan peruntukan ruang item.

grid

• Buat reka letak grid di mana elemen disusun dalam baris dan lajur.
• Membenarkan kawalan tepat ke atas saiz, kedudukan dan jarak elemen.

kandungan

• Sembunyikan elemen itu sendiri tetapi tunjukkan kepada anak-anaknya.

tiada

• Sembunyikan elemen sepenuhnya.

Pilih nilai atribut paparan yang betul

Memilih nilai atribut paparan yang betul bergantung pada cara anda mahu elemen tersebut dipaparkan. Berikut ialah beberapa garis panduan:

• Gunakan sebaris untuk elemen seperti teks, pautan dan ikon.
• Gunakan blok untuk elemen seperti tajuk, perenggan dan butang.
• Gunakan blok sebaris untuk elemen seperti item menu navigasi dan imej.
• Gunakan fleksibel untuk susun atur kompleks yang memerlukan susunan fleksibel.
• Gunakan grid untuk susun atur grid yang memerlukan kawalan tepat ke atas susunan elemen.

Atas ialah kandungan terperinci memaparkan nilai atribut dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!