Apakah sifat yang ada pada paparan?
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 .
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!
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
AI Hentai Generator
Menjana ai hentai secara percuma.
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
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
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
比较：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
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
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
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.
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
Apakah nilai yang ada pada paparan?
Nov 20, 2023 pm 05:28 PM
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.
