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

  最新問題

  關於CSS心智圖的課件在哪？ 課件

  來自於 2024-04-16 10:10:18

  0

  0

  1335

  頁面突然無法拉動 css 或 bootstrap 所以我正在開發一個頁面，我昨天做了一部分，效果很好，今天我繼續做剩下的部分，一切都很好。當我嘗試將其作為普通html頁面打開時，CSS或BOOTSTRAP不起作用，僅顯示頁面文本，...

  來自於 2024-04-06 21:58:04

  0

  1

  800

  動態修改Javafx中的內嵌CSS樣式 我試圖在應用程式最大化時更改窗格的背景圖像。我的背景是使用內嵌css設定的。我為樣式設定了兩個不同的變數和一個if語句。但是，我沒有運氣讓它改變樣式。 StringcssStyle...

  來自於 2024-04-06 20:57:16

  0

  1

  487

  如何在 CSS 中使浮動元素垂直堆疊而不是水平堆疊？ 我正在嘗試製作一個包含兩列的網頁，一側具有主要內容，另一側具有額外的內容。但是因為我使用浮動屬性將額外的列向左對齊，所以它水平堆疊，但我希望它垂直堆疊。我目前的程式碼：.topic...

  來自於 2024-04-06 20:45:26

  0

  2

  386

  有沒有辦法強制彈性框中的文字垂直居中，無論我們有什麼其他 CSS 程式碼？ 我有以下CSS程式碼，它是我正在開發的網站中使用的更大CSS程式碼的一部分：.cards-u{display:flex;flex-wrap:wrap;justify-content...

  來自於 2024-04-06 20:41:51

  0

  1

  518

  相關專題

  更多>

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

  熱門推薦

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

  熱門教學

  更多>

  相關教學

  熱門推薦

  最新課程

  • 
    野秀堂HTML5+CSS3影片教學

    9117
  • 
    CSS3 極速入門

    78409
  • 
    CSS3進階影片教學

    22586

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

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

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

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

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

    884393次學習

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

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

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

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

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

    23262次學習

  最新下載

  更多>

  網站特效

  網站源碼

  網站素材

  前端模板

  • [表單按鈕] 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    此元素會顯示為一個表格標題（類似