✍ 📁 🙈 🙉 🙊
HTML
window Resize
html 測試 左入右出
!>
html 測試 上入下出
!>
html 測試 單入單出
!>
html 測試 左單右單
!>
[CSS] display:none和visibility:hidden的差別
[CSS] display:none
visibility:hidden 的差別
display:block
display:block
display:block
display:block
display:block
display:none
display:inline
display:inline-block
display:list-item
display:inline-table
display:inherit
00
值
描述
none
此元素不會被顯示。
block
此元素將顯示為塊級元素,此元素前後會帶有換行符。
inline
默認。此元素會被顯示為內聯元素,元素前後沒有換行符。
inline-block
行內塊元素。(CSS2.1 新增的值)
list-item
此元素會作為列表顯示。
inline-table
此元素會作為內聯表格來顯示(類似
),表格前後沒有換行符。
inherit
規定應該從父元素繼承 display 屬性的值。
00
css display:none or visibility:hidden
都可以隱藏欄位或物件 差別
visibility:hidden 物件內容隱藏了,的位置保持著不會消失 display:none 物件內容連原本所在的位置都一起被隱藏了
id1
id2
id3
id4
id5
tt1
or
tt2
tt3
or
tt4
inline
block
none
visibility:hidden
00
00
Edit
沒有留言:
張貼留言
較新的文章
較舊的文章
首頁
訂閱:
張貼留言 (Atom)