Rumah  >  Artikel  >  hujung hadapan web  >  Apakah sifat yang ada pada paparan?

Apakah sifat yang ada pada paparan?

百草
百草asal
2023-11-14 13:22:054906semak imbas

Sifat paparan termasuk blok, sebaris, blok sebaris, tiada, lentur, grid, dsb. Pengenalan terperinci: 1. blok, gunakan nilai atribut blok, elemen akan dipaparkan dalam bentuk elemen peringkat blok, elemen peringkat blok akan menduduki baris eksklusif, dan secara automatik akan membalut sebelum dan selepas 2. sebaris , gunakan nilai atribut sebaris, elemen akan dipaparkan sebagai elemen sebaris Dalam bentuk paparan, elemen sebaris tidak akan menduduki satu baris sahaja, tetapi akan dipaparkan pada satu baris dengan elemen sebaris yang lain 3. blok sebaris, dsb .

Apakah sifat yang ada pada paparan?

Sistem pengendalian untuk tutorial ini: sistem Windows 10, komputer DELL G3.

Atribut paparan ialah atribut yang biasa digunakan dalam CSS, yang digunakan untuk mengawal mod paparan elemen. Dengan menggunakan atribut paparan, anda boleh membuat elemen muncul pada halaman dengan cara yang berbeza.

Dalam CSS, atribut paparan mempunyai berbilang nilai Perkara berikut akan memperkenalkan beberapa atribut paparan yang biasa digunakan dan nilai atributnya.

1 (elemen peringkat blok): Menggunakan nilai atribut blok, elemen akan dipaparkan sebagai elemen peringkat blok. Elemen peringkat blok akan menduduki baris mereka sendiri dan akan membalut secara automatik sebelum dan selepas. Elemen peringkat blok biasa termasuk div, p, h1-h6, dsb.

2 sebaris (elemen sebaris): Menggunakan nilai atribut sebaris, elemen akan dipaparkan sebagai elemen sebaris. Elemen sebaris tidak menduduki satu baris dengan sendirinya, tetapi muncul pada baris yang sama seperti elemen sebaris lain. Elemen sebaris biasa termasuk span, a, em, dsb.

3. blok sebaris (elemen tahap blok sebaris): Menggunakan nilai atribut blok sebaris, elemen akan dipaparkan sebagai elemen tahap blok sebaris. Elemen peringkat blok sebaris tidak menduduki garisan dengan sendirinya, tetapi ia boleh mempunyai lebar dan ketinggian yang ditetapkan dan boleh muncul pada baris yang sama. Elemen peringkat blok sebaris biasa termasuk input, butang, dsb.

4 (elemen tersembunyi): Menggunakan nilai atribut none, elemen akan disembunyikan dan tidak lagi menduduki ruang halaman. Elemen tersembunyi tidak kelihatan pada halaman dan tidak menjejaskan reka letak elemen lain. Paparan dan penyembunyian elemen boleh dikawal melalui JavaScript dan kaedah lain.

5 flex (susun atur fleksibel): Menggunakan nilai atribut fleksibel, elemen akan dibentangkan dalam bentuk model kotak fleksibel. Reka letak fleksibel boleh mencapai kaedah susun atur yang fleksibel dan boleh melaraskan saiz dan kedudukan elemen dengan mudah. Atribut susun atur fleksibel biasa termasuk arah lentur, bungkus lentur, kandungan justify, dsb.

6 grid (susun atur grid): Menggunakan nilai atribut grid, elemen akan dibentangkan dalam bentuk susun atur grid. Susun atur grid menyediakan kaedah susun atur dua dimensi yang membahagikan halaman kepada baris dan lajur dan membolehkan elemen diletakkan dan diselaraskan. Atribut susun atur grid biasa termasuk baris-templat grid, lajur-templat grid, jurang grid, dsb.

Selain daripada nilai atribut paparan yang biasa digunakan di atas, terdapat juga beberapa nilai atribut paparan lain, seperti jadual (elemen jadual), sel jadual (elemen sel jadual), dll., yang boleh dipilih mengikut keperluan khusus Nilai atribut yang sesuai untuk mengawal cara elemen dipaparkan.

Ringkasnya, atribut paparan ialah atribut penting dalam CSS untuk mengawal mod paparan elemen Nilai atribut paparan yang biasa digunakan termasuk blok, sebaris, blok sebaris, tiada, lentur, grid. , dsb. Dengan menggunakan nilai atribut ini secara fleksibel, anda boleh mencapai pelbagai kesan reka letak dan meningkatkan kebolehbacaan dan pengalaman pengguna halaman.

Atas ialah kandungan terperinci Apakah sifat yang ada pada paparan?. 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