Rumah > hujung hadapan web > tutorial css > css如何实现不显示元素

css如何实现不显示元素

王林
Lepaskan: 2020-11-17 14:25:15
asal
3565 orang telah melayarinya

css实现不显示元素的方法:可以利用display和visibility属性实现,如【display:none;visibility:hidden;】。display属性规定元素应该生成的框的类型,visibility属性规定元素是否可见。

css如何实现不显示元素

css中的display和visibility属性都可以用来隐藏和显示html元素。

(学习视频分享:css视频教程

display属性:

display 属性规定元素应该生成的框的类型。

属性值:

  • none    此元素不会被显示。    

  • block    此元素将显示为块级元素,此元素前后会带有换行符。    

  • inline    默认。此元素会被显示为内联元素,元素前后没有换行符。    

  • inline-block    行内块元素。(CSS2.1 新增的值)    

  • list-item    此元素会作为列表显示。    

visibility属性:

visibility 属性规定元素是否可见。

  • visible    默认值。元素是可见的。    

  • hidden    元素是不可见的。    

  • collapse    当在表格元素中使用时,此值可删除一行或一列,但是它不会影响表格的布局。被行或列占据的空间会留给其他内容使用。如果此值被用在其他的元素上,会呈现为 "hidden"。    

  • inherit    规定应该从父元素继承 visibility 属性的值。    

代码示例:

bf21cabff467c2624338c8529a017a5.png

实现效果:

22c8d5e4e69cbe9ed07c29f7c7aa046.png

将第二行隐藏后依然占据着原来的位置,将第四行隐藏后,不占据原来的位置。

相关推荐:CSS教程

Atas ialah kandungan terperinci css如何实现不显示元素. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan