CSS中的display是什麼?有什麼用

時間 2022-08-19 16:12:17

1樓:丹丹愛程式設計

元素可分為塊級元素和行內元素。

若設定乙個元素的display屬性值為block,即使它是乙個行內元素,也可當乙個塊級元素使用。

2樓:紫婷66風

將顯示為塊級元素 ,此元素前後帶有換行符

3樓:匿名使用者

display版本:css1/css2 相容性:ie4+ ns4+ 繼承性:有

語法:display : block | none | inline | compact | marker | inline-table | list-item | run-in | table | table-caption | table-cell | table-column | table-column-group | table-footer-group | table-header-group | table-row | table-row-group

取值:block : css1 塊物件的預設值。將物件強制作為塊物件呈遞,為物件之後新增新行

none : css1 隱藏物件。與 visibility 屬性的hidden值不同,其不為被隱藏的物件保留其物理空間

inline : css1 內聯物件的預設值。將物件強制作為內聯物件呈遞,從物件中刪除行

inline-block : ie5.5 將物件呈遞為內聯物件,但是物件的內容作為塊物件呈遞。旁邊的內聯物件會被呈遞在同一行內

compact : css2 未支援。分配物件為塊物件或基於內容之上的內聯物件

marker : css2 未支援。指定內容在容器物件之前或之後。要使用此引數,物件必須和 :after 及 :before 偽元素一起使用

inline-table : css2 未支援。將**顯示為無前後換行的內聯物件或內聯容器

list-item : css2 將塊物件指定為列表專案。並可以新增可選專案標誌

run-in : css2 未支援。分配物件為塊物件或基於內容之上的內聯物件

table : css2 未支援。將物件作為塊元素級的**顯示

table-caption : css2 未支援。將物件作為**標題顯示

table-cell : css2 未支援。將物件作為**單元格顯示

table-column : css2 未支援。將物件作為**列顯示

table-column-group : css2 未支援。將物件作為**列組顯示

table-header-group : css2 將物件作為**標題組顯示

table-footer-group : css2 將物件作為**腳注組顯示

table-row : css2 未支援。將物件作為**行顯示

table-row-group : css2 未支援。將物件作為**行組顯示

css 中的display是什麼,有什麼作用

4樓:匿名使用者

display,顧名思義,就是對該元素顯示的調整,

這是我從w3c**上找的,有疑問可追問,

none 此元素不會被顯示。

block 此元素將顯示為塊級元素,此元素前後會帶有換行符。

inline 預設。此元素會被顯示為內聯元素,元素前後沒有換行符。

inline-block 行內塊元素。(css2.1 新增的值)

list-item 此元素會作為列表顯示。

run-in 此元素會根據上下文作為塊級元素或內聯元素顯示。

compact css 中有值 compact,不過由於缺乏廣泛支援,已經從 css2.1 中刪除。

marker css 中有值 marker,不過由於缺乏廣泛支援,已經從 css2.1 中刪除。

table 此元素會作為塊級**來顯示(類似 ),**前後帶有換行符。

inline-table 此元素會作為內聯**來顯示(類似 ),**前後沒有換行符。

table-row-group 此元素會作為乙個或多個行的分組來顯示(類似 )。

table-header-group 此元素會作為乙個或多個行的分組來顯示(類似 )。

table-footer-group 此元素會作為乙個或多個行的分組來顯示(類似 )。

table-row 此元素會作為乙個**行顯示(類似 )。

table-column-group 此元素會作為乙個或多個列的分組來顯示(類似 )。

table-column 此元素會作為乙個單元格列顯示(類似 )

table-cell 此元素會作為乙個**單元格顯示(類似 和 )

table-caption 此元素會作為乙個**標題顯示(類似 )

inherit 規定應該從父元素繼承 display 屬性的值。

5樓:書香學程式設計

vue實踐-css樣式position/display/float屬性對比使用

6樓:o心隨緣飄

層隱藏 display:none;

層塊狀/顯示 display:block;

層內聯 display:inline;(可以解決ie6 3畫素bug)

層內聯塊狀 display:inline-block;(也可以解決ie6 3畫素bug)

7樓:low趨勢模型

簡單的講 就是可以讓 區塊和成行內元素相互轉換 所以在div+css裡面沒有什麼都是區塊 什麼也都是行內

css中,display的作用是什麼?

8樓:匿名使用者

display 屬性設定是否及如何顯示元素。

display 顯示狀態

display:none 隱藏

display:block 塊顯示

display:inline 內嵌

display:table **顯示

display:list-item 專案列表這個屬性用於定義建立布局時元素生成的顯示框型別。對於 html 等文件型別,如果使用 display 不謹慎會很危險,因為可能違反 html 中已經定義的顯示層次結構。

對於 xml,由於 xml 沒有內建的這種層次結構,所有 display 是絕對必要的。

9樓:匿名使用者

關於塊顯示是什麼。。你去搜尋:塊元素和內嵌無素的區別display 顯示狀態

有: none 隱藏

block 塊顯示

inline 內嵌

table **顯示

list-item 專案列表

這幾個常用的。。

還有好多不常用的 得查xhtml手冊。。。。

10樓:書香學程式設計

vue實踐-css樣式position/display/float屬性對比使用

css中display:block是什麼意思?

11樓:匿名使用者

如果用+做乙個按鈕,這個能理解吧,就是 想通過 link 來實現跳轉,但是看起來是個按鈕,且不需要觸發事件。而且 css 也比 button 的好用。

這中情況下,如果不是「塊」block,那麼只要點到文字上時才會觸發,點到 按鈕但是沒點到字是不行的,但是用了 block 後,整個按鈕都可以承載 a 的link操作了

css中的display是設定元素顯示的方式,block是一塊狀元素的方式顯示,

inline是以內聯元素的方式顯示,none是不不顯示;

塊狀元素會單獨佔據一樣,其他元素跟他在同一行的會被迫換行,擠到下一行那裡去,inline則不會這樣。

12樓:楊欣

根據css規範的規定,每乙個網頁元素都有乙個display屬性,用於確定該元素的型別,每乙個元素都有預設的display屬性值,比如div元素,它的預設display屬性值為「block」,成為「塊級」元素(block-level);而span元素的預設display屬性值為「inline」,稱為「行內」元素。

塊級元素:

動佔據一定矩形空間,可以通過設定高度、寬度、內外邊距等屬性,來調整的這個矩形的樣子;

行內元素:

自己的獨立空間,它是依附於其他塊級元素存在的,因此,對行內元素設定高度、寬度、內外邊距等屬性,都是無效的。

例子:鏈結 a 元素,在預設情況下是是「行內元素」,因此對a元素設定高度、寬度等屬性,都是無效的。而比如div,p,li,img等預設情況下的display屬性值就是「block」。

所以對於鏈結a來說只能這樣:display:block;強制將它改成塊元素。

看完概念看**:

div預設為 block

加了block屬性

加了block屬性

加了block屬性

沒加block屬性

沒加block屬性

沒加block屬性

13樓:匿名使用者

前端教程 頁面布局 div+css 5.display屬性 學習猿地

14樓:匿名使用者

css中的display是設定元素顯示的方式,block是一塊狀元素的方式顯示,inline是以內聯元素的方式顯示,none是不不顯示;塊狀元素會單獨佔據一樣,其他元素跟他在同一行的會被迫換行,擠到下一行那裡去,inline則不會這樣

15樓:匿名使用者

將內聯元素轉為塊狀元素

16樓:匿名使用者

元素是以行內元素顯示還是塊元素顯示

17樓:浩星代靈

塊的意思,比如說導航條垂直排列

在css樣式表中display是什麼意思?

18樓:

display 屬性規定元素應該生成的框的型別,用的最多的就是display:block;顯示 display:none;隱藏。

下面是所有值的用法描述。display本身意思是「顯示、陣列」的意思

值 描述

none 此元素不會被顯示。

block 此元素將顯示為塊級元素,此元素前後會帶有換行符。

inline 預設。此元素會被顯示為內聯元素,元素前後沒有換行符。

inline-block 行內塊元素。(css2.1 新增的值)

list-item 此元素會作為列表顯示。

run-in 此元素會根據上下文作為塊級元素或內聯元素顯示。

compact css 中有值 compact,不過由於缺乏廣泛支援,已經從 css2.1 中刪除。

marker css 中有值 marker,不過由於缺乏廣泛支援,已經從 css2.1 中刪除。

table 此元素會作為塊級**來顯示(類似 ),**前後帶有換行符。

inline-table 此元素會作為內聯**來顯示(類似 ),**前後沒有換行符。

table-row-group 此元素會作為乙個或多個行的分組來顯示(類似 )。

table-header-group 此元素會作為乙個或多個行的分組來顯示(類似 )。

table-footer-group 此元素會作為乙個或多個行的分組來顯示(類似 )。

table-row 此元素會作為乙個**行顯示(類似 )。

table-column-group 此元素會作為乙個或多個列的分組來顯示(類似 )。

table-column 此元素會作為乙個單元格列顯示(類似 )

table-cell 此元素會作為乙個**單元格顯示(類似 和 )

table-caption 此元素會作為乙個**標題顯示(類似 )

inherit 規定應該從父元素繼承 display 屬性的值。

關於css的簡單問題???css是什麼?

這個是萬用字元,也就是html所有的標籤。那就是html所以的標籤都沒有padding這個屬性。這是id屬性。a 也就是任何標籤用到 都是高20 用class呼叫,可重複呼叫。用id呼叫,不可重複呼叫。明白否。是對於乙個或多個元素進行定義的。是對於頁面上僅僅出現一次的乙個元素進行定義的。id css...

火狐為什麼不支援css中的filter屬性

火狐瀏覽器是支援css濾鏡的,只是寫法和ie不同,例如透明度 test 說明 ie使用私有屬性filter alpha opacity moz family使用私有屬性 moz opacity 而標準的屬性是opacity css 3,moz family部分支援css3 後面的數值是透明度,使用百...

CSS的ID選擇器的唯一性具體範圍是什麼

或 或錯誤寫法 id被使用了兩次 典型的書看太多沒有實踐過,你id起不同名不就得了。比如導航的id叫shouye daohang,logo的id叫yemian logo css裡的html選擇器 類選擇器 id選擇器用於哪些範圍 id的優先順序最高bai,用於特定或者du特指的,還有就zhi是js裡...

中臺人員是什麼意思 java中的,中颱是什麼意思?

中臺人員由客戶經理c崗和貸款類業務櫃員組成,負責受理貸款申請 貸款分配 合同簽訂 受託支付審核與貸款出賬 信貸檔案管理,以及辦理貸款發放相關聯的其他業務。銀行從業人員根據工作位置不同的劃分前 中 後台。例子如 前台由小微貸款事業部客戶經理等人員組成,根據客戶類別成立事業部1組 2組 3組 4組四個營...

素描中,透視的概念是什麼,素描中的透視是什麼 詳細

我們看到的自然界物像呈現近大遠小的空間現象,就是透視現象。用科學的原理和方法把透視現象準確地表現在畫面上,使其形象 位置 空間與實景感覺相同,這就是繪畫透視。在素描中,透視的運用是在畫面上確定物體的深度,即物體及其各部分的形在畫面中的空間位置,是繪畫中表現物體的立體感和創造空間效果的基本因素。所以說...