Firefox和IE的CSS相容性:關於display

來源:互聯網
上載者:User

 一般情況下,設定對象的display=none/block就可以控制該對象隱藏/顯示,但是很多html元素在FireFox下用Block是達不到我們所要求的效果的。

比如對於table元素,要控制td的隱藏與顯示,在firefox下則需要使用display=none/table-cell來進行控制

下面是蘇沈小雨的文檔裡的協助內容:

文法: 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 將對象作為表格行組顯示

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.