快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

css怎样实现不显示元素-创新互联

小编给大家分享一下css怎样实现不显示元素,希望大家阅读完这篇文章后大所收获,下面让我们一起去探讨吧!

创新互联坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都网站建设、网站制作、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的瓯海网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!

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

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

display属性:

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

属性值:

  • none    此元素不会被显示。

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

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

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

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

visibility属性:

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

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

  • hidden    元素是不可见的。

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

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

代码示例:


css怎样实现不显示元素

实现效果:

css怎样实现不显示元素

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

看完了这篇文章,相信你对css怎样实现不显示元素有了一定的了解,想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


网页题目:css怎样实现不显示元素-创新互联
本文网址:http://6mz.cn/article/cspspc.html

其他资讯