日日操夜夜添-日日操影院-日日草夜夜操-日日干干-精品一区二区三区波多野结衣-精品一区二区三区高清免费不卡

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

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

css中display的屬性值有inline、block、inline-block、none、flex、grid、table、inline-table、list-item或inherit等。詳細介紹:1、inline,元素被顯示為內聯元素,與相鄰元素在同一行內顯示,寬度和高度屬性不起作用,margin和padding屬性只能設置左右方向的值;2、block,元素被顯示等等。

本教程操作系統:windows10系統、DELL G3電腦。

CSS中的display屬性用于定義元素的顯示方式,它決定了元素在頁面中的呈現方式。display屬性有以下一些常見的屬性值:

1. inline:元素被顯示為內聯元素,與相鄰元素在同一行內顯示。寬度和高度屬性不起作用,margin和padding屬性只能設置左右方向的值。常見的內聯元素有span、a、img等。

2. block:元素被顯示為塊級元素,獨占一行。寬度和高度屬性可以設置,margin和padding屬性可以設置四個方向的值。常見的塊級元素有div、p、h1等。

3. inline-block:元素被顯示為內聯塊級元素,與相鄰元素在同一行內顯示。寬度和高度屬性可以設置,margin和padding屬性可以設置四個方向的值。常見的內聯塊級元素有button、input等。

4. none:元素不顯示,即隱藏元素。元素在頁面上不占據任何空間,也不響應交互事件。

5. flex:使用彈性布局方式顯示元素,可以進行靈活的布局。它使得元素能夠根據可用空間自動調整大小和位置。通常與flex-direction、flex-wrap等屬性一起使用。

6. grid:使用網格布局方式顯示元素,將元素放置在一個二維的網格中。網格布局提供了更精確的布局控制,可以定義行和列的大小、間距等。通常與grid-template-columns、grid-template-rows等屬性一起使用。

7. table:元素被顯示為表格,類似于HTML中的table元素。元素會被解析為一個表格對象,內部可以包含表頭(thead)、表體(tbody)和表尾(tfoot)等子元素。

8. inline-table:元素被顯示為內聯表格,與相鄰元素在同一行內顯示。類似于table屬性,但是以內聯元素的方式顯示。

9. list-item:元素被顯示為列表項,類似于HTML中的li元素。適用于無序列表(ul)和有序列表(ol)中的子項。

10. inherit:繼承父元素的display屬性值。如果沒有父元素,則被視為block。

這些是CSS中display屬性的一些常見屬性值,通過設置不同的display屬性值,可以靈活控制元素在頁面中的顯示方式,實現各種布局效果。

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

網友整理

注冊時間:

網站:5 個   小程序:0 個  文章:12 篇

  • 51998

    網站

  • 12

    小程序

  • 1030137

    文章

  • 747

    會員

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

數獨大挑戰2018-06-03

數獨一種數學游戲,玩家需要根據9

答題星2018-06-03

您可以通過答題星輕松地創建試卷

全階人生考試2018-06-03

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

運動步數有氧達人2018-06-03

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

每日養生app2018-06-03

每日養生,天天健康

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

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