在網頁制作中,元素的顯示和隱藏常常是常見的需求。那么,我們該如何通過css來實現元素的顯示和隱藏呢?
// 元素隱藏 display:none; // 元素顯示 display:block;
上述代碼中,display屬性是用來控制元素的顯示和隱藏的。當display屬性的值為none時,元素就被隱藏了;反之,當display屬性的值為block時,元素將被顯示出來。
除了上述代碼中的block,display屬性還有其他一些可選值:
inline 元素將被顯示為行內元素,省略width、height屬性 inline-block 元素將被顯示為行內元素,保留width、height屬性 flex 元素將被顯示為flex容器(參見flex布局)
需要注意的是,display屬性只能控制元素的顯示和隱藏,而不能控制元素的位置。如果需要對元素的位置進行控制,還需要使用其它相關的css屬性進行調整。
上一篇倒入css樣式文件夾
下一篇css選擇器大于