display block的作用與用法

2021-09-01 18:56:50 字數 1388 閱讀 4752

display:block可以理解為塊。用個簡單的例子給你!比如你做乙個超連結,

超連結當你滑鼠移過去文字的時候,超連結有效果!

而當我把樣式這樣設定:

li a

滑鼠移到文字周圍100*100的地方,就有超連結效果了,就是把100*100做為一塊來的超連結!

display 的引數列表

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 內聯物件的預設值。用該值將從物件中刪除行

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

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

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

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

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 將物件作為**行組顯示

說明:

設定或檢索物件是否及如何顯示。

目前 ie5.5僅支援以上css1的引數。

裡用display block的作用

是塊元素,那在布局時候,在div的元素裡面寫display block有用嗎?回答 對所有的塊元素都沒有意義,塊元素的dispaly屬性預設值為block,沒必要再顯式定義 除非你之前對塊元素的display屬性重新定義過。多羅嗦一句 display block 比較常用於這兩個標籤 因為這兩個標籤...

CSS中display block的作用介紹

是塊元素,那在布局時候,在div的元素裡面寫display block有用嗎?回答 對所有的塊元素都沒有意義,塊元素的dispaly屬性預設值為block,沒必要再顯式定義 除非你之前對塊元素的display屬性重新定義過。pqpathufhz 多羅嗦一句 display block 比較常用於 p...

css中 display block 的 用法

對所有的塊元素都沒有意義,塊元素的dispaly屬性預設值為block,沒必要再顯式定義 除非你之前對塊元素的display屬性重新定義過。display block 比較常用於這兩個標籤 因為這兩個標籤非塊元素,如果不用display block定義一下,那麼定義width height等和長寬相...