DIV實現隱藏與顯示

2021-08-31 10:47:12 字數 1028 閱讀 4544

css中display屬性的參考值

display:none 此元素不會被顯示。 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

div 顯示與隱藏

最近寫專案用到div隱藏,以下引用 visibility隱藏的物件還保留物件顯示時所佔的物理空間,display則不保留。可以儲存下面的 看看效果 具體步驟 示例 ss屬性為visibility hidden的物件 ss屬性為display none的物件 特別提示 用visibility屬性控制隱...

div 顯示與隱藏

visibility隱藏的物件還保留物件顯示時所佔的物理空間,display則不保留。可以儲存下面的 看看效果 具體步驟 示例 ss屬性為visibility hidden的物件 ss屬性為display none的物件 特別提示 用visibility屬性控制隱藏的物件還佔據著它顯示時的位置,而d...

div 顯示與隱藏

visibility隱藏的物件還保留物件顯示時所佔的物理空間,display則不保留。可以儲存下面的 看看效果 具體步驟 示例 ss屬性為visibility hidden的物件 ss屬性為display none的物件 特別提示 用visibility屬性控制隱藏的物件還佔據著它顯示時的位置,而d...