A-A+

DIV CSS隐藏内容块

2019年10月11日 前端设计 评论 2 条 阅读 0 views 次

好久都没怎么写DIV+CSS了,突然要用到一个隐藏的效果,竟然一时想不起来CSS要怎么写了,真的好囧,没办法,查了一下CSS手册,今天把隐藏效果的样式给记录下来。

在DIV CSS手册中,有三种隐藏方法,第一种是 display:none,第二种是overflow:hidden,第三种是overflow-y:hidden,我们来看一下这三种的不同解释。

1、使用display:none;来隐藏所有信息(无空白位占据)推荐,CSS display

2、使用overflow:hidden;来隐藏溢出的文字或图片 适用推荐,css overflow

3、使用overflow-y:hidden;和overflow-x:hidden控制滚动条的隐藏与否

可以根据自己的需求来显示隐藏与显示,因为我这里要隐藏块,所以使用了第一种display:none的方法,我的样式如下:

  1. .xht{  
  2.    display:none;  
  3. }  

在需要隐藏的DIV块内直接应用就可以了,这个是隐藏整个块内的内容。

标签:

2 条留言  访客:2 条  博主:0 条

  1. benen005

    确实很实用

  2. 卡卡哥

    一般第一个第二个用的比较多,第一个使用广泛,第二个很多用到标题上了。

给我留言