亚洲视频二区_亚洲欧洲日本天天堂在线观看_日韩一区二区在线观看_中文字幕不卡一区

公告:魔扣目錄網(wǎng)為廣大站長提供免費收錄網(wǎng)站服務,提交前請做好本站友鏈:【 網(wǎng)站目錄:http://www.430618.com 】, 免友鏈快審服務(50元/站),

點擊這里在線咨詢客服
新站提交
  • 網(wǎng)站:51998
  • 待審:31
  • 小程序:12
  • 文章:1030137
  • 會員:747

display的取值有block、inline、none、inline-block、flex、grid、table、inline-table和list-item等。詳細介紹:1、block,將元素渲染為塊級元素,塊級元素在頁面上形成一個塊,并且獨占一行;2、inline,將元素渲染為內(nèi)聯(lián)元素。內(nèi)聯(lián)元素不會獨占一行,可以與其他元素并排;3、none,此值指定元素不會在頁面上等等。

本教程操作系統(tǒng):windows10系統(tǒng)、DELL G3電腦。

在CSS中,display屬性用于確定元素的顯示類型。它可以有多種不同的值,以下是一些主要的display屬性值:

1、block:將元素渲染為塊級元素。塊級元素在頁面上形成一個塊,并且獨占一行。例如,<div><p><h1><h6>以及<li>等都是默認的塊級元素。

2、inline:將元素渲染為內(nèi)聯(lián)元素。內(nèi)聯(lián)元素不會獨占一行,可以與其他元素并排。例如,<span><a>等都是默認的內(nèi)聯(lián)元素。

3、none:此值指定元素不會在頁面上顯示。它與visibility: hidden不同,因為使用visibility: hidden的元素仍然會占據(jù)頁面空間,而使用display: none的元素則完全從布局中移除。

4、inline-block:將元素渲染為內(nèi)聯(lián)塊級元素。內(nèi)聯(lián)塊級元素的特點是它們像內(nèi)聯(lián)元素一樣并排,但可以設置寬度和高度,像塊級元素一樣有自己的尺寸。

5、flex:將元素渲染為彈性盒模型。彈性盒模型是一種用于在一維空間(行或列)內(nèi)布局、對齊和分布空間的CSS布局技術。

6、grid:將元素渲染為網(wǎng)格容器。網(wǎng)格容器可以在二維空間(行和列)內(nèi)布局、對齊和分布空間。

7、table:將元素渲染為表格。這種值主要用于顯示表格數(shù)據(jù),但現(xiàn)在已經(jīng)不常用,因為現(xiàn)代的CSS技術提供了更靈活的布局方法。

8、inline-table:將元素渲染為內(nèi)聯(lián)表格。內(nèi)聯(lián)表格類似于內(nèi)聯(lián)塊級元素,但具有表格的特性,例如單元格之間的邊距和填充。

9、list-item:將元素渲染為列表項。使用此值時,元素會顯示為列表中的一個項目,并帶有默認的項目符號或編號。

除了以上這些主要的display屬性值,還有一些其他的取值,如?run-incompactmarker等,但在現(xiàn)代的Web開發(fā)中,這些值的使用并不常見。大多數(shù)情況下,使用上述的幾個主要值就可以滿足大部分的布局需求。

分享到:
標簽:display 有哪些
用戶無頭像

網(wǎng)友整理

注冊時間:

網(wǎng)站:5 個   小程序:0 個  文章:12 篇

  • 51998

    網(wǎng)站

  • 12

    小程序

  • 1030137

    文章

  • 747

    會員

趕快注冊賬號,推廣您的網(wǎng)站吧!
最新入駐小程序

數(shù)獨大挑戰(zhàn)2018-06-03

數(shù)獨一種數(shù)學游戲,玩家需要根據(jù)9

答題星2018-06-03

您可以通過答題星輕松地創(chuàng)建試卷

全階人生考試2018-06-03

各種考試題,題庫,初中,高中,大學四六

運動步數(shù)有氧達人2018-06-03

記錄運動步數(shù),積累氧氣值。還可偷

每日養(yǎng)生app2018-06-03

每日養(yǎng)生,天天健康

體育訓練成績評定2018-06-03

通用課目體育訓練成績評定