1. <span id="z4nqb"></span>

      display

      語(yǔ)法:

      display:none | inline | block | list-item | inline-block | table | inline-table | table-caption | table-cell | table-row | table-row-group | table-column | table-column-group | table-footer-group | table-header-group | run-in | box | inline-box | flexbox | inline-flexbox | flex | inline-flex

      默認(rèn)值inline

      適用于:所有元素

      繼承性:無(wú)

      動(dòng)畫性:否

      計(jì)算值:指定值,除浮動(dòng),絕對(duì)定位和根元素外

      媒體:視覺(jué)

      取值:

      none:
      隱藏對(duì)象。與visibility屬性的hidden值不同,其不為被隱藏的對(duì)象保留其物理空間
      inline:
      指定對(duì)象為內(nèi)聯(lián)元素。
      block:
      指定對(duì)象為塊元素。
      list-item:
      指定對(duì)象為列表項(xiàng)目。
      inline-block:
      指定對(duì)象為內(nèi)聯(lián)塊元素。(CSS2)
      table:
      指定對(duì)象作為塊元素級(jí)的表格。類同于html標(biāo)簽<table>(CSS2)
      inline-table:
      指定對(duì)象作為內(nèi)聯(lián)元素級(jí)的表格。類同于html標(biāo)簽<table>(CSS2)
      table-caption:
      指定對(duì)象作為表格標(biāo)題。類同于html標(biāo)簽<caption>(CSS2)
      table-cell:
      指定對(duì)象作為表格單元格。類同于html標(biāo)簽<td>(CSS2)
      table-row:
      指定對(duì)象作為表格行。類同于html標(biāo)簽<tr>(CSS2)
      table-row-group:
      指定對(duì)象作為表格行組。類同于html標(biāo)簽<tbody>(CSS2)
      table-column:
      指定對(duì)象作為表格列。類同于html標(biāo)簽<col>(CSS2)
      table-column-group:
      指定對(duì)象作為表格列組顯示。類同于html標(biāo)簽<colgroup>(CSS2)
      table-header-group:
      指定對(duì)象作為表格標(biāo)題組。類同于html標(biāo)簽<thead>(CSS2)
      table-footer-group:
      指定對(duì)象作為表格腳注組。類同于html標(biāo)簽<tfoot>(CSS2)
      run-in:
      根據(jù)上下文決定對(duì)象是內(nèi)聯(lián)對(duì)象還是塊級(jí)對(duì)象。(CSS3)
      box:
      將對(duì)象作為彈性伸縮盒顯示。(伸縮盒最老版本)(CSS3)
      inline-box:
      將對(duì)象作為內(nèi)聯(lián)塊級(jí)彈性伸縮盒顯示。(伸縮盒最老版本)(CSS3)
      flexbox:
      將對(duì)象作為彈性伸縮盒顯示。(伸縮盒過(guò)渡版本)(CSS3)
      inline-flexbox:
      將對(duì)象作為內(nèi)聯(lián)塊級(jí)彈性伸縮盒顯示。(伸縮盒過(guò)渡版本)(CSS3)
      flex:
      將對(duì)象作為彈性伸縮盒顯示。(伸縮盒最新版本)(CSS3)
      inline-flex:
      將對(duì)象作為內(nèi)聯(lián)塊級(jí)彈性伸縮盒顯示。(伸縮盒最新版本)(CSS3)

      說(shuō)明:

      設(shè)置或檢索對(duì)象是否及如何顯示。
      • 如果display設(shè)置為nonefloatposition屬性定義將不生效;
      • 如果position既不是static也不是relative或者float不是none或者該元素是根元素,當(dāng)display: inline-table時(shí),display的計(jì)算值為table;當(dāng)display: inline | inline-block | run-in | table-*系時(shí),display的計(jì)算值為block,其它情況為指定值;
      • 對(duì)應(yīng)的腳本特性為display。

      兼容性:

      • 淺綠 = 支持
      • 紅色 = 不支持
      • 粉色 = 部分支持
      Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
      Basic Support #1 8.0+ 40.0+ 40.0+ 8.0+ 40.0+ 8.0+ 4.4+ 28.0+
      inline-block
      table系 #2
      run-in
      box | inline-box 8.0+ 40.0+
      -moz-
      40.0+
      -webkit-
      8.0+
      -webkit-
      40.0+
      -webkit-
      8.0+
      -webkit-
      4.4+
      -webkit-
      28.0+
      -webkit-
      flexbox | inline-flexbox 8.0-9.0 40.0+ 40.0+ 8.0+ 40.0+ 8.0+ 4.4+ 28.0+
      10.0-11.0
      -ms-
      flex | inline-flex 8.0-10.0 40.0+ 40.0+ 8.0+-webkit- 40.0+ 8.0+-webkit- 4.4+ 28.0+
      11.0+ 9.0+ 9.0+
      1. Basic Support 包含值:none | inline | block | list-item | inline-block
      2. table 系包含值:table | inline-table | table-caption | table-cell | table-row | table-row-group | table-column | table-column-group | table-footer-group | table-header-group

      示例:

      1. <span id="z4nqb"></span>
        2025天天干 | www一区 | 天天综合入口 | 学生妹毛片wwwww | 久久诱惑 | 国产精品青青草原 | 日韩激情视频 | 婷婷国产亚洲精品网站 | 国产av.www | 黄色视频日本在线观看免费 |