Rumah hujung hadapan web tutorial css Apakah nilai yang ada pada paparan?

Apakah nilai yang ada pada paparan?

Nov 20, 2023 pm 05:28 PM
display

<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>Apakah nilai yang ada pada paparan?

<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属性值:

<p>1、block:将元素渲染为块级元素。块级元素在页面上形成一个块,并且独占一行。例如,<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-incompactmarkerdll, 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!

Kenyataan Laman Web ini
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

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Tetapan grafik terbaik
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Cara Memperbaiki Audio Jika anda tidak dapat mendengar sesiapa
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Cara Membuka Segala -galanya Di Myrise
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Jangkaan harga Fujifilm X-M5 meningkat apabila paparan swafoto yang bocor menambah kerumitan kepada barisan kamera yang dahulunya mampu dimiliki Jangkaan harga Fujifilm X-M5 meningkat apabila paparan swafoto yang bocor menambah kerumitan kepada barisan kamera yang dahulunya mampu dimiliki Sep 07, 2024 am 09:34 AM

Peminat Fujifilm baru-baru ini sangat teruja dengan prospek X-T50, kerana ia mempersembahkan pelancaran semula Fujifilm X-T30 II berorientasikan bajet yang telah menjadi agak popular dalam kategori sub-$1,000 APS-C. Malangnya, sebagai pelancaran Fujifilm X-T50

Kord kuasa Apple Studio Display boleh ditanggalkan, tetapi memerlukan alatan khas Kord kuasa Apple Studio Display boleh ditanggalkan, tetapi memerlukan alatan khas May 17, 2023 pm 03:05 PM

Apple Studio Display kini tersedia secara rasmi di kedai, dan ramai pelanggan di seluruh dunia telah membeli produk tersebut. Tidak seperti ProDisplayXDR, StudioDisplay mempunyai penyambung kuasa unik yang nampaknya tidak boleh ditanggalkan. Ternyata kabel itu boleh ditanggalkan, tetapi anda memerlukan alat khas untuk mengeluarkannya. Apple berkata di tapak webnya bahawa kord kuasa Paparan Studio tidak boleh ditanggalkan -- dan ramai pengguna berpendapat demikian. Itu kerana menanggalkan kabel dengan tangan anda kelihatan mustahil, tetapi nasib baik kabel itu boleh ditanggalkan daripada monitor. , Apple mempunyai alat khas untuk mengekstrak maklumat daripada StudioDispl baharunya

比较:Apple Studio Display lwn Samsung Smart Monitor M8 比较:Apple Studio Display lwn Samsung Smart Monitor M8 May 11, 2023 pm 10:46 PM

Paparan Pintar Samsung M8 lwn. Paparan Studio Apple: Reka Bentuk dan Saiz Sejak pelancarannya, Paparan Apple Studio telah dibandingkan dengan iMac, yang terdiri daripada panel yang agak nipis pada dirian berbentuk L yang agak ringkas. Ia adalah estetik yang terkenal dan digemari ramai, dan Samsung nampaknya telah meminjamnya untuk pembentangannya. Samsung SmartMonitor M8 menggunakan idea yang sama tentang skrin nipis pada dirian yang kelihatan sangat serupa. Beberapa elemen kecil adalah berbeza, seperti bahagian kecil di sudut kiri bawah yang menonjol sedikit dan dagu Samsung sangat nipis, tetapi ia kelihatan rapat dari segi reka bentuk asas. Samsung nampaknya telah mengambil banyak inspirasi daripada iMac 24-inci. Paparan Apple lebih kecil daripada Samsung

Samsung: Paparan baharu yang besar berdasarkan teknologi E Ink memaparkan warna dan berkomunikasi secara wayarles Samsung: Paparan baharu yang besar berdasarkan teknologi E Ink memaparkan warna dan berkomunikasi secara wayarles Jun 19, 2024 pm 03:37 PM

Kami kerap melaporkan peranti berdasarkan paparan dengan dakwat elektronik, seperti e-pembaca. Teknologi ini menawarkan beberapa kelebihan: ia boleh dibaca dalam persekitaran terang tanpa lampu latar, dan ia hanya memerlukan kuasa apabila bertukar tanpa cahaya

Perbandingan: Paparan Apple Studio lwn Paparan LG UltraFine 5K: Mana satu yang lebih baik? Perbandingan: Paparan Apple Studio lwn Paparan LG UltraFine 5K: Mana satu yang lebih baik? Apr 16, 2023 pm 08:25 PM

StudioDisplay dan LG UltraFine5KDisplay menduduki kedudukan yang sama dalam pasaran, tetapi monitor Apple adalah $300 lebih mahal. Berikut ialah semua yang anda perlu tahu tentang perbandingan monitor ini. Enam tahun adalah masa yang lama dalam dunia teknologi, dan ia juga masa sejak Apple telah menjual monitor berjenama yang berharga kurang daripada $5,000. Pada masa ini, Apple bekerjasama dengan LG untuk menjual siri LG UltraFine, yang disediakan khusus kepada pengguna Mac. Pada 2019, Apple berhenti menjual monitor LG ini memihak kepada ProDisplayXDR, paparan mesra Mac yang mampu dimiliki

Boot Camp dikemas kini untuk menyokong Apple Studio Display Boot Camp dikemas kini untuk menyokong Apple Studio Display May 20, 2023 pm 11:34 PM

Pengguna IntelMac yang menjalankan Windows pada Mac kini boleh mengemas kini pemacu mereka dalam BootCamp untuk menyokong StudioDisplay Apple. Apple kerap mengemas kini BootCamp untuk memperkenalkan sokongan untuk perkakasan baharu, serta keserasian dan peningkatan prestasi biasa. Dalam kemas kini perisian Mac, Apple telah membolehkan BootCamp berfungsi dengan StudioDisplay baharu. Kemas kini yang membawa BootCamp ke versi 6.1.17 memperkenalkan dua elemen sokongan utama. Pertama, ia menambah keserasian dengan StudioDisplay, memastikan

paparkan apa maksudnya paparkan apa maksudnya Oct 26, 2023 am 11:50 AM

Paparan biasanya merujuk kepada operasi atau fungsi memaparkan data, maklumat atau hasil kepada pengguna dalam beberapa cara atau mengeluarkannya ke skrin atau peranti lain. Maksud khusus: 1. Dalam antara muka baris arahan (CLI), paparan boleh merujuk kepada mengeluarkan data dalam teks, jadual atau format lain ke tetingkap terminal untuk pengguna melihat atau menganalisis. Dalam antara muka pengguna grafik (GUI), Paparan boleh merujuk kepada memaparkan imej, teks, carta dan kandungan lain pada tetingkap aplikasi atau antara muka untuk interaksi atau penyemakan imbas pengguna, dsb.

Paparan Apple Studio berfungsi pada Windows dengan beberapa batasan Paparan Apple Studio berfungsi pada Windows dengan beberapa batasan Apr 14, 2023 pm 03:49 PM

Apple minggu ini mengumumkan Paparan Studio, yang menampilkan panel 5K 27 inci yang menggabungkan kamera, mikrofon dan pembesar suara yang berfungsi bersama apabila pengguna menyambungkan paparan ke Mac mereka. Di manakah tingkap? Jika atas sebab tertentu anda perlu menggunakan monitor Apple $1,599 dengan PC Windows, anda boleh, tetapi terdapat beberapa batasan. Apabila dipalamkan ke dalam PC Windows melalui sambungan Thunderbolt (tidak disokong oleh setiap PC), StudioDisplay diiktiraf sebagai monitor biasa. Yang berkata, jika anda membeli salah satu daripada ini untuk menggunakannya dengan Windows, anda pasti mahu ingat

See all articles