Rumah > Artikel > hujung hadapan web > Apakah nilai yang ada pada paparan?
<p>Nilai paparan termasuk blok, sebaris, tiada, blok sebaris, lentur, grid, jadual, jadual sebaris dan item senarai. Pengenalan terperinci: 1. blok, yang menjadikan elemen kepada elemen peringkat blok membentuk satu blok pada halaman dan menduduki satu baris sahaja, yang menjadikan elemen menjadi elemen sebaris. Elemen sebaris tidak akan menduduki satu baris dengan sendirinya dan boleh bersebelahan dengan elemen lain 3. tiada, nilai ini menentukan bahawa elemen itu tidak akan berada di halaman, dsb.<p> <p>Sistem pengendalian untuk tutorial ini: sistem Windows 10, komputer DELL G3.
Dalam CSS, display
atribut digunakan untuk menentukan jenis paparan elemen. Ia boleh mempunyai banyak nilai yang berbeza, berikut adalah beberapa nilai utama: tiada satu pun; saiz tab: 4; warna latar belakang: rgba(27, 31, 35, 0.05); saiz kotak: kotak sempadan: 0px; -webkit- fon-smoothing: antialiased: tidak ada; ", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB ", "Microsoft YaHei UI", "Microsoft YaHei", "Source Han Sans CN", sans-serif, "Apple Color Emoji", "Segoe UI Emoji" !important; margin: 0px; font-weight: 700;"> 1. blok: Buat elemen sebagai elemen peringkat blok. Elemen peringkat blok membentuk blok pada halaman dan menduduki barisnya sendiri. Contohnya, <div>
, <p>
, display
属性用于确定元素的显示类型。它可以有多种不同的值,以下是一些主要的display
属性值:
<div>
、<p>
、<h1>
-<h6>
以及<li>
<p>2. sebaris: Buat elemen sebagai elemen sebaris. Elemen sebaris tidak menduduki satu baris dengan sendirinya dan boleh diletakkan bersama elemen lain. Contohnya, <span>
, <a>
, dsb. adalah semua elemen sebaris lalai. <span>
、<a>
等都是默认的内联元素。
<p>3、none:此值指定元素不会在页面上显示。它与visibility: hidden
不同,因为使用visibility: hidden
的元素仍然会占据页面空间,而使用display: none
<p>3 tiada: Nilai ini menentukan bahawa elemen tidak akan dipaparkan pada halaman. Ia sama seperti keterlihatan: tersembunyi
adalah berbeza kerana elemen keterlihatan: tersembunyi
masih akan menduduki ruang halaman dan menggunakan
<p>4. blok sebaris: Buat elemen sebagai elemen peringkat blok sebaris. Ciri elemen peringkat blok sebaris ialah ia duduk bersebelahan seperti elemen sebaris, tetapi boleh menetapkan lebar dan tinggi serta mempunyai dimensi tersendiri seperti elemen tahap blok. 🎜5. flex🎜: Render elemen sebagai model kotak fleksibel. Model flexbox ialah teknik susun atur CSS untuk meletakkan, menjajarkan dan mengagihkan ruang dalam ruang satu dimensi (baris atau lajur). 🎜<p>6. grid: Buat elemen sebagai bekas grid. Bekas grid menyusun, menjajarkan dan mengagihkan ruang dalam dua dimensi (baris dan lajur).
<p>7. Jadual: Menghasilkan elemen ke dalam jadual. Nilai ini digunakan terutamanya untuk memaparkan data jadual, tetapi tidak lagi digunakan kerana teknologi CSS moden menyediakan kaedah susun atur yang lebih fleksibel.
<p>8. Jadual sebaris: Paparkan elemen sebagai jadual sebaris. Jadual sebaris adalah serupa dengan elemen peringkat blok sebaris, tetapi mempunyai ciri jadual, seperti jidar dan pelapik antara sel.
<p>9. item senarai: Paparkan elemen sebagai item senarai. Apabila menggunakan nilai ini, elemen muncul sebagai item dalam senarai, dengan titik tumpu lalai atau penomboran.
Sebagai tambahan kepada major di atas display
属性值,还有一些其他的取值,如 run-in
、compact
、marker
dll, tetapi dalam pembangunan web moden, penggunaan nilai-nilai ini bukanlah perkara biasa. Dalam kebanyakan kes, menggunakan nilai utama yang dinyatakan di atas akan memenuhi kebanyakan keperluan susun atur.
Atas ialah kandungan terperinci Apakah nilai yang ada pada paparan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!