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 屬性的值。   

  #

  以上是css中的display屬性有哪些值？各有什麼作用？的詳細內容。更多資訊請關注PHP中文網其他相關文章！

  相關標籤：

  css display

  來源：csdn.net

  上一篇：css中有哪些常見的佈局方式 下一篇：經典CSS面試題

  本網站聲明

  本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

  作者最新文章

  • 創造未來：零基礎的 Java 編程
    2024-10-13 13:32:21
  • 你並不孤單：在社群的支持下掌握 Python
    2024-10-12 11:58:51
  • 從新手到程式設計師：利用 Python 程式設計的力量
    2024-10-11 20:06:51
  • 像程式設計師一樣思考：學習 Java 基礎知識
    2024-10-11 18:59:31
  • Java 變得簡單：程式設計能力的初學者指南
    2024-10-11 18:30:51
  • 使用 PHP 建立部落格：一個適合初學者的項目
    2024-10-11 15:51:51
  • 講系統語言：學習 C，一次一行
    2024-10-11 15:42:10
  • C 語言的資料結構與演算法：適合初學者的方法
    2024-10-11 14:41:20
  • 不流淚編碼：輕鬆學習 C
    2024-10-11 14:08:31
  • 使用 Java 進行資料分析：資訊處理初學者指南
    2024-10-11 13:42:21

  最新問題

  內嵌 tailwind CSS 和多檔案 tailwind CSS 有何不同？

  來自於 1970-01-01 08:00:00

  0

  0

  0

  javascript - react引入css檔 提示 Cannot find module "../../css/style.css"

  來自於 1970-01-01 08:00:00

  0

  0

  0

  Angular 14錯誤：偵測到巢狀的CSS，但CSS巢狀配置不正確

  來自於 1970-01-01 08:00:00

  0

  0

  0

  CSS 顏色變數 - 定義 CSS 顏色時需要規則或選擇器

  來自於 1970-01-01 08:00:00

  0

  0

  0

  Sass錯誤：檔案已載入：@import '~src/css/quasar.variables.scss'，'quasar/src/css/variables.sass'；src\css\quasar.variables.scss

  來自於 1970-01-01 08:00:00

  0

  0

  0

  相關專題

  更多>

  • css
  • css居中
  • css如何插入圖片
  • css超出顯示...
  • css字體顏色
  • 什麼是css
  • css三角形怎麼寫
  • css設定文字顏色

  熱門推薦

  • css怎麼設定超出顯示省略號
  • css怎麼設定字體大小
  • css中的hover怎麼用
  • css中字間距怎麼設定
  • css3新特性有哪些

  熱門教學

  更多>

  相關教學

  熱門推薦

  最新課程

  • 
    野秀堂HTML5+CSS3影片教學

    9506
  • 
    CSS3 極速入門

    81255
  • 
    CSS3進階影片教學

    23395

  • 
    最新ThinkPHP 5.1全球首發影片教學(60天成就PHP大牛線上訓練課程)

    1429896次學習
  • 
    JAVA 初級入門影片教學

    2597742次學習
  • 
    小甲魚零基礎入門學習Python影片教學

    511629次學習
  • 
    Web前端開發極速入門

    216467次學習
  • 
    零基礎精通 PS 影片教學

    905273次學習

  • 
    【web前端】Node.js快速入門

    8501次學習
  • 
    國外Web開發全端課程全集

    6799次學習
  • 
    Go語言實戰之 GraphQL

    5652次學習
  • 
    550W粉絲大佬手把手從零學JavaScript

    756次學習
  • 
    python大神Mosh，零基礎小白6小時完全入門

    28971次學習

  最新下載

  更多>

  網站特效

  網站源碼

  網站素材

  前端模板

  • [表單按鈕] jQuery企業留言表單聯絡程式碼
  • [播放器特效] HTML5 MP3音樂盒播放特效
  • [選單導航] HTML5酷炫粒子動畫導覽選單特效
  • [表單按鈕] jQuery可視化表單拖曳編輯程式碼
  • [播放器特效] VUE.JS仿酷狗音樂播放器代碼
  • [html5特效] 經典html5推箱子小遊戲
  • [圖片特效] jQuery滾動添加或減少圖片特效
  • [相簿特效] CSS3個人相簿封面懸停放大特效

  • [前端模板] 家居裝潢清潔維修服務公司網站模板
  • [前端模板] 清新配色個人求職履歷引導頁模板
  • [前端模板] 設計師創意求職履歷網頁模板
  • [前端模板] 現代工程建築公司網站模板
  • [前端模板] 教育服務機構響應式HTML5模板
  • [前端模板] 網上電子書店商城網站模板
  • [前端模板] IT技術解決互聯網公司網站模板
  • [前端模板] 紫色風格外匯交易服務網站模板

  • [PNG素材] 可愛的夏天元素向量素材(EPS+PNG)
  • [PNG素材] 四個紅色的 2023 畢業徽章的向量素材(AI+EPS+PNG)
  • [banner圖] 唱歌的小鳥和裝滿花朵的推車設計春天banner向量素材(AI+EPS)
  • [PNG素材] 金色的畢業帽向量素材(EPS+PNG)
  • [PNG素材] 黑白風格的山脈圖示向量素材(EPS+PNG)
  • [PNG素材] 不同顏色披風和不同姿勢的超級英雄剪影向量素材(EPS+PNG)
  • [banner圖] 扁平風格的植樹節banner向量素材(AI+EPS)
  • [PNG素材] 九種漫畫風格的爆炸聊天氣泡向量素材(EPS+PNG)

  • [前端模板] 家居裝潢清潔維修服務公司網站模板
  • [前端模板] 清新配色個人求職履歷引導頁模板
  • [前端模板] 設計師創意求職履歷網頁模板
  • [前端模板] 現代工程建築公司網站模板
  • [前端模板] 教育服務機構響應式HTML5模板
  • [前端模板] 網上電子書店商城網站模板
  • [前端模板] IT技術解決互聯網公司網站模板
  • [前端模板] 紫色風格外匯交易服務網站模板

  公益線上PHP培訓，幫助PHP學習者快速成長！

  關於我們 免責聲明 Sitemap

  © php.cn All rights reserved

  和	）     table-caption    此元素會顯示為一個表格標題（類似