display和visiblity的区别

在css中，display：none  表示隐藏的意思；

而visibility：hidden  同样也表示隐藏；

但两者是有一定区别的。

display：none  元素隐藏，不占有原位置；

visibility：hidden  元素隐藏，但仍占有原位置；


上面代码可证。还有一种隐藏方式是overflow：hidden  这个表示的是超出部分隐藏，大家可以自己尝试一下

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 13,786评论 1赞 92
  • Css专题总结
    选择qi：是表达式 标签选择器 类选择器 属性选择器 继承属性： color，font，text－align，li...
    wzhiq896阅读 1,788评论 0赞 2
  • Github_web_1
    一:在制作一个Web应用或Web站点的过程中，你是如何考虑他的UI、安全性、高性能、SEO、可维护性以及技术因素的...
    Arno_z阅读 1,204评论 0赞 1
  • 元素的显示与隐藏（让元素“看不见”）
    元素的显示与隐藏（让一个元素“看不见”的方式） 常规：display: none;visibility: hidd...
    _空空阅读 5,457评论 0赞 6
  • 《今夜丽苏》招人！
    招聘书中人，条件： 1．关注作者并点赞，关注专题。 2．想好名字及性格。 书中人可随意搭配，随你心情！ 当然…… ...
    纯莹一一北原莹子阅读 295评论 1赞 1