css中的display属性有哪些值？各有什么作用？

display属性值介绍：

（推荐教程：css快速入门）

• none    此元素不会被显示。    

• block    此元素将显示为块级元素，此元素前后会带有换行符。    

• inline    默认。此元素会被显示为内联元素，元素前后没有换行符。    

• inline-block    行内块元素。（CSS2.1 新增的值）    

• list-item    此元素会作为列表显示。    

• run-in    此元素会根据上下文作为块级元素或内联元素显示。    

• compact    CSS 中有值 compact，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。    

• marker    CSS 中有值 marker，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。    

• table    此元素会作为块级表格来显示（类似

  ），表格前后带有换行符。    

  inline-table    此元素会作为内联表格来显示（类似

  ），表格前后没有换行符。    

  table-row-group    此元素会作为一个或多个行的分组来显示（类似

  ）。    

  table-header-group    此元素会作为一个或多个行的分组来显示（类似

  ）。  

  （视频教程推荐：css视频教程） 

  • table-footer-group    此元素会作为一个或多个行的分组来显示（类似

  ）。    

  table-row    此元素会作为一个表格行显示（类似

  ）。    

  table-column-group    此元素会作为一个或多个列的分组来显示（类似

  ）。    

  table-column    此元素会作为一个单元格列显示（类似

  ）    

  table-cell    此元素会作为一个表格单元格显示（类似

  ）    

  inherit    规定应该从父元素继承 display 属性的值。    

  Atas ialah kandungan terperinci css中的display属性有哪些值？各有什么作用？. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

  Label berkaitan：

  css display

  sumber：csdn.net

  Artikel sebelumnya：css中有哪些常见的布局方式 Artikel seterusnya：经典CSS面试题

  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

  Artikel terbaru oleh pengarang

  • Cipta Masa Depan: Pengaturcaraan Java untuk Pemula Mutlak
    2024-10-13 13:32:21
  • Anda Tidak Sendiri: Kuasai Python dengan Komuniti Menyokong di Sisi Anda
    2024-10-12 11:58:51
  • Daripada Novis kepada Coder: Manfaatkan Kuasa Pengaturcaraan Python
    2024-10-11 20:06:51
  • Think Like a Programmer: Belajar Asas Java
    2024-10-11 18:59:31
  • Java Made Simple: Panduan Pemula untuk Kuasa Pengaturcaraan
    2024-10-11 18:30:51
  • Bina Blog dengan PHP: Projek Mesra Permulaan
    2024-10-11 15:51:51
  • Cakap Bahasa Sistem: Belajar C, Satu Baris pada Satu Masa
    2024-10-11 15:42:10
  • Struktur Data dan Algoritma dalam C: Pendekatan Mesra Permulaan
    2024-10-11 14:41:20
  • Pengekodan Tanpa Air Mata: Belajar C dengan Cara Mudah
    2024-10-11 14:08:31
  • Analisis Data dengan Java: Panduan Pemula untuk Memproses Maklumat
    2024-10-11 13:42:21

  Isu terkini

  Di manakah perisian kursus tentang pemetaan minda CSS? Perisian kursus

  daripada 2024-04-16 10:10:18

  0

  0

  1335

  Halaman tiba-tiba tidak dapat menarik css atau bootstrap Jadi saya sedang membangunkan halaman, saya telah membuat sebahagian daripadanya semalam d...

  daripada 2024-04-06 21:58:04

  0

  1

  800

  Ubah suai gaya CSS sebaris secara dinamik dalam Javafx Saya cuba menukar imej latar belakang anak tetingkap apabila aplikasi dimaksimumkan. Latar...

  daripada 2024-04-06 20:57:16

  0

  1

  487

  Bagaimana untuk membuat elemen terapung disusun secara menegak dan bukannya secara mendatar dalam CSS? Saya cuba membuat halaman web dengan dua lajur, dengan kandungan utama di satu pihak dan k...

  daripada 2024-04-06 20:45:26

  0

  2

  386

  Adakah terdapat cara untuk memaksa teks dalam flexbox dipusatkan secara menegak, tidak kira apa kod CSS lain yang kita ada? Saya mempunyai kod CSS berikut yang merupakan sebahagian daripada kod CSS yang lebih besar...

  daripada 2024-04-06 20:41:51

  0

  1

  518

  Topik-topik yang berkaitan

  Lagi>

  • css
  • berpusat css
  • Bagaimana untuk memasukkan gambar dalam css
  • css di luar paparan...
  • warna fon css
  • apa itu css
  • Bagaimana untuk menulis segitiga dalam css
  • css menetapkan warna teks

  Cadangan popular

  • Bagaimana untuk menetapkan css untuk melebihi elips paparan
  • css怎么设置字体大小
  • css中的hover怎么用
  • Bagaimana untuk menetapkan jarak aksara dalam css
  • css3新特性有哪些

  Tutorial Popular

  Lagi>

  Tutorial berkaitan

  Cadangan popular

  Kursus terkini

  • 
    Tutorial video Yexiutang HTML5+CSS3

    9440
  • 
    Bermula dengan cepat menggunakan CSS3

    80402
  • 
    Tutorial video lanjutan CSS3

    23213

  • 
    Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)

    1427393 kali belajar
  • 
    Tutorial Video Permulaan JAVA

    2577127 kali belajar
  • 
    Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python

    510072 kali belajar
  • 
    Pengenalan pantas kepada pembangunan bahagian hadapan web

    216242 kali belajar
  • 
    Kuasai tutorial video PS dari awal

    898913 kali belajar

  • 
    [Web front-end] Permulaan pantas Node.js

    8204 kali belajar
  • 
    Koleksi lengkap kursus timbunan penuh pembangunan web asing

    6516 kali belajar
  • 
    Gunakan GraphQL praktikal bahasa

    5398 kali belajar
  • 
    Master kipas 550W mempelajari JavaScript dari awal langkah demi langkah

    742 kali belajar
  • 
    Sarjana Python Mosh, seorang pemula dengan pengetahuan asas sifar boleh bermula dalam masa 6 jam

    27514 kali belajar

  Muat turun terkini

  Lagi>

  kesan web

  Kod sumber laman web

  Bahan laman web

  Templat hujung hadapan

  • [butang borang] kod hubungan borang mesej perusahaan jQuery
  • [Kesan khas pemain] Kesan main balik kotak muzik MP3 HTML5
  • [Navigasi menu] HTML5 kesan khas menu navigasi animasi zarah sejuk
  • [butang borang] jQuery bentuk visual seret dan lepas kod penyuntingan
  • [Kesan khas pemain] Kod pemain muzik Kugou tiruan VUE.JS
  • [kesan khas html5] Permainan kotak menolak html5 klasik
  • [Gambar kesan khas] menatal jQuery untuk menambah atau mengurangkan kesan imej
  • [Kesan album foto] Kesan zum hover kulit album peribadi CSS3

  • [Templat bahagian hadapan] Templat Laman Web Syarikat Pembersihan dan Pembaikan Hiasan Rumah
  • [Templat bahagian hadapan] Templat halaman panduan resume peribadi berwarna segar
  • [Templat bahagian hadapan] Templat Web Resume Kerja Kreatif Pereka
  • [Templat bahagian hadapan] Templat laman web syarikat pembinaan kejuruteraan moden
  • [Templat bahagian hadapan] Templat HTML5 responsif untuk institusi perkhidmatan pendidikan
  • [Templat bahagian hadapan] Templat laman web pusat membeli-belah kedai e-buku dalam talian
  • [Templat bahagian hadapan] Teknologi IT menyelesaikan templat tapak web syarikat Internet
  • [Templat bahagian hadapan] Templat laman web perkhidmatan perdagangan pertukaran asing gaya ungu

  • [bahan PNG] Bahan vektor elemen musim panas yang comel (EPS+PNG)
  • [bahan PNG] Empat bahan vektor lencana tamat pengajian 2023 merah (AI+EPS+PNG)
  • [gambar sepanduk] Burung nyanyian dan troli diisi dengan bahan vektor sepanduk musim bunga reka bentuk bunga (AI+EPS)
  • [bahan PNG] Bahan vektor topi pengijazahan emas (EPS+PNG)
  • [bahan PNG] Bahan vektor ikon gunung gaya hitam putih (EPS+PNG)
  • [bahan PNG] Bahan vektor siluet superhero (EPS+PNG) dengan jubah warna yang berbeza dan pose yang berbeza
  • [gambar sepanduk] Bahan vektor sepanduk Hari Arbor gaya rata (AI+EPS)
  • [bahan PNG] Sembilan bahan vektor buih sembang meletup gaya komik (EPS+PNG)

  • [Templat bahagian hadapan] Templat Laman Web Syarikat Pembersihan dan Pembaikan Hiasan Rumah
  • [Templat bahagian hadapan] Templat halaman panduan resume peribadi berwarna segar
  • [Templat bahagian hadapan] Templat Web Resume Kerja Kreatif Pereka
  • [Templat bahagian hadapan] Templat laman web syarikat pembinaan kejuruteraan moden
  • [Templat bahagian hadapan] Templat HTML5 responsif untuk institusi perkhidmatan pendidikan
  • [Templat bahagian hadapan] Templat laman web pusat membeli-belah kedai e-buku dalam talian
  • [Templat bahagian hadapan] Teknologi IT menyelesaikan templat tapak web syarikat Internet
  • [Templat bahagian hadapan] Templat laman web perkhidmatan perdagangan pertukaran asing gaya ungu

  Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！

  Tentang kita Penafian Sitemap

  © php.cn All rights reserved

  和	）     table-caption    此元素会作为一个表格标题显示（类似