詳解css中的display屬性

2022-09-24 22:51:40 字數 318 閱讀 2615

首先,所有主流瀏覽器都支援 display 屬性。其次,我們都知道display 屬性規定元素應該生成的框的型別。預設值:inline

我們常用的display屬性值有:

inline

block

inline-block

none

把 display 設定成 none 不會保留元素本該顯示的空間,但是 visibility: hidden 還會保留。

那麼,display:inline、display:block和display:inline-block有什麼區別呢?

複製**

**如下:

css中display屬性詳解

display屬性值 none 此元素不會被顯示。block 此元素將顯示為塊級元素,此元素前後會帶有換行符。inline 預設。此元素會被顯示為內聯元素,元素前後沒有換行符。inline block 行內塊元素。css2.1 新增的值 list item 此元素會作為列表顯示。run in 此元素...

display和visibility的屬性

display屬性設定元素的顯示方式,對應指令碼特性為display,可選值為none block和inline,各值的說明如下 none 隱藏元素,不保留元素顯示時的空間。block塊方式顯示元素。inline 以內嵌方式顯示元素。visibility屬性設定是否顯示元素,對應的指令碼特性為vis...

CSS中的display屬性

display中文為顯示的意識,顯而易見它的功能就是為了控制頁面元素顯示方式 display中為我們提供了很多屬性,其中最常見的有 none屬性代表著元素不會被顯示 比如很多 的頂部導航欄都會有二級選單,只有當我們的滑鼠移動或點選時二級選單才會顯示出來。這是就可以使用到display none這個屬...