css隐藏div方法是什么

css隐藏div方法是什么？这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容，让我们一起来看看吧！

创新互联公司2013年开创至今，先为水磨沟等服务建站，水磨沟等地企业，进行企业商务咨询服务。为水磨沟企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

一：网页内容的隐藏

我们可以使用display:none属性来隐藏所有的信息，包括文本和图片，语法为：

<div style="display:none;">这里你是看不到的</div>

当我们使用div中的css样式，我们就可以使用display:none属性对内容进行隐藏，并且通过浏览器也是看不到的，同时被隐藏的内容是不被占用空间的，隐藏之后的内容搜索引擎是不读取的，一般我们都是用使用js统计代码去隐藏显示的图标。

二：隐藏溢出的文字或者图片

隐藏溢出的文字或者图片我们可以使用overflow:hidden属性，首先我们要对要内容设置一个宽高，然后使用overflow: hidden样式对超出的部分进行设置，就是发现，溢出的部分就不显示了。代码如下：

我是可以看见的<br/><br/> 
<div style="overflow: hidden; width:30px; height:20px;">你是看不见我的。</div> 
<br/> 
同样我也是可以看见的

效果如下：

感谢各位的阅读！看完上述内容，你们对css隐藏div方法是什么大概了解了吗？希望文章内容对大家有所帮助。如果想了解更多相关文章内容，欢迎关注创新互联行业资讯频道。

新闻标题：css隐藏div方法是什么
文章路径：https://www.cdcxhl.com/article18/posgdp.html

成都网站建设公司_创新互联，为您提供微信公众号、搜索引擎优化、软件开发、、品牌网站建设、域名注册

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联