Rumah  >  Artikel  >  hujung hadapan web  >  Apakah nilai atribut paparan dalam html?

Apakah nilai atribut paparan dalam html?

百草
百草asal
2023-11-14 14:13:242954semak imbas

Nilai atribut paparan dalam HTML termasuk tiada, blok, sebaris, blok sebaris, lentur, grid, jadual, dll. Pengenalan terperinci: 1. tiada, tetapkan elemen untuk tidak dipaparkan, iaitu, sembunyikan elemen Elemen tersembunyi tidak menduduki ruang halaman dan tidak akan menjejaskan susun atur halaman 2. sekat, tetapkan elemen untuk dipaparkan sebagai elemen tahap blok, tahap blok Elemen akan menduduki barisnya sendiri, dan atribut seperti lebar, tinggi, jidar dan padding boleh ditetapkan 3. sebaris, dsb.

Apakah nilai atribut paparan dalam html?

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

Atribut paparan dalam HTML digunakan untuk menentukan cara elemen dipaparkan. Atribut paparan mempunyai berbilang nilai Nilai atribut yang biasa digunakan termasuk:

1: Tetapkan elemen untuk tidak dipaparkan, iaitu, sembunyikan elemen. Elemen tersembunyi tidak menempati ruang halaman dan tidak mempunyai kesan pada reka letak halaman.

2. `block`: Tetapkan elemen untuk dipaparkan sebagai elemen peringkat blok. Elemen tahap blok menduduki barisnya sendiri dan boleh menetapkan sifat seperti lebar, tinggi, jidar dan pelapik. Elemen peringkat blok biasa termasuk div, p, h1, dsb.

3. `sebaris`: Tetapkan elemen untuk dipaparkan sebagai elemen sebaris. Elemen sebaris tidak menduduki satu baris dengan sendirinya dan boleh dipaparkan pada baris yang sama dengan elemen lain. Elemen sebaris biasa termasuk span, a, img, dsb.

4. `blok sebaris`: Tetapkan elemen untuk dipaparkan sebagai elemen tahap blok sebaris. Elemen peringkat blok sebaris boleh dipaparkan pada satu baris dan sifat seperti lebar, tinggi, jidar dan pelapik boleh ditetapkan. Elemen peringkat blok sebaris biasa termasuk input, butang, dsb.

5. `flex`: Tetapkan elemen untuk dipaparkan dalam model kotak fleksibel. Model kotak fleksibel boleh melaksanakan susun atur fleksibel dan menetapkan atribut seperti arah susunan, penjajaran dan susunan elemen. Atribut model kotak flex biasa termasuk flex-direction, justify-content, align-item, dsb.

6. `grid`: Tetapkan elemen untuk dipaparkan dalam model reka letak grid. Model reka letak grid boleh melaksanakan reka letak dua dimensi yang kompleks dan boleh menetapkan atribut seperti kedudukan, saiz dan jarak elemen pada baris dan lajur. Sifat susun atur grid biasa termasuk baris-templat-grid, lajur-templat-grid, jurang-grid, dsb.

7 `meja`: Tetapkan elemen untuk dipaparkan dalam reka letak jadual. Reka letak jadual boleh melaksanakan struktur seperti jadual dan boleh menetapkan sifat seperti sempadan, jarak dan penjajaran sel. Atribut reka letak jadual biasa termasuk susun atur jadual, runtuhan sempadan, penjajaran teks, dsb.

Selain nilai atribut biasa di atas, terdapat juga beberapa nilai atribut paparan lain, seperti `inline-table`, `list-item`, `run-in`, dsb., yang boleh dipilih dan digunakan mengikut kepada keperluan tertentu. Dalam aplikasi praktikal, kita boleh memilih nilai atribut paparan berbeza secara fleksibel mengikut keperluan untuk mencapai susun atur halaman dan kesan paparan yang berbeza.

Atas ialah kandungan terperinci Apakah nilai atribut paparan dalam html?. 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