教育行業(yè)A股IPO第一股(股票代碼 003032)

全國咨詢/投訴熱線:400-618-4000

display有哪些值?說明他們的作用

更新時間:2023年06月16日09時37分 來源:傳智教育 瀏覽次數(shù):

好口碑IT培訓(xùn)

  在前端開發(fā)中,CSS的display屬性用于控制元素的顯示方式。以下是一些常見的display屬性值及其作用:

  1.none

  元素不顯示,不占用任何空間。隱藏元素,且元素周圍的內(nèi)容會重新布局以填補被隱藏元素的空間。

  2.block

  元素顯示為塊級元素,會獨占一行或多行空間。塊級元素會在前后自動換行,并盡可能地?fù)螡M父容器的寬度。

  3.inline

  元素顯示為內(nèi)聯(lián)元素,不會獨占一行,只占據(jù)其內(nèi)容的空間。內(nèi)聯(lián)元素不會強制換行,而是在一行中按照從左到右的順序排列。

display有哪些值?作用分別是什么?

  4.inline-block

  元素顯示為內(nèi)聯(lián)塊級元素,不會獨占一行,但可以設(shè)置寬高等塊級元素的屬性。內(nèi)聯(lián)塊級元素可以在一行中排列,且可以像塊級元素一樣設(shè)置寬度、高度、邊距等。

  5.flex

  元素顯示為彈性盒子(flex container),使用彈性布局。彈性盒子允許通過設(shè)置彈性容器和其子元素的屬性來靈活地排列和對齊元素。

  6.grid

  元素顯示為網(wǎng)格容器(grid container),使用網(wǎng)格布局。網(wǎng)格布局通過將容器劃分為行和列的網(wǎng)格,使得元素可以精確地放置在指定的單元格中。

  7.table

  元素顯示為表格。元素具有表格的特性,如表頭、表體和表尾,以及行和單元格。

  8.inline-table

  元素顯示為內(nèi)聯(lián)表格,表現(xiàn)類似于table,但不會強制換行。

  9.list-item

  元素顯示為帶有項目符號的列表項,常用于li元素。

  這些是display屬性的一些常見值,每個值都有不同的布局行為和顯示方式,可以根據(jù)需求選擇適合的值來控制元素的顯示。

0 分享到:
和我們在線交談!