css中图片隐藏得方式 |纯css写图片瀑布流

在网页设计中，图片的使用是非常重要的，它能够为网页带来许多生动和有趣的元素。但有时候，大家并不希望图片在网页中出现，或者大家只希望图片在特定的条件下才出现。在这种情况下，大家需要使用CSS来隐藏图片。 使用CSS来隐藏图片，有两种常用的方法。下面大家来分别介绍这两种方法。 第一种方法是使用display属性。大家可以将图片的display属性设置为“none”，这样就可以将图片隐藏起来。下面是示例代码：

img {
display: none;
}

使用这种方法，图片将完全不会出现在页面中，它所占用的空间也将被释放。当需要显示图片时，只需要将其display属性改回“block”或者“inline”即可。 第二种方法是使用visibility属性。大家可以将图片的visibility属性设置为“hidden”，这样图片将不可见，但仍会保留其占用的空间。下面是示例代码：

img {
visibility: hidden;
}

使用这种方法，图片虽然不可见，但它所占用的空间仍然存在。当需要显示图片时，只需要将其visibility属性改回“visible”即可。 需要注意的是，这两种方法都可以通过CSS选择器为特定的图片进行设置。例如，如果大家要隐藏ID为“myImg”的图片，可以使用以下的CSS代码：

#myImg {
display: none;
}

或者：

#myImg {
visibility: hidden;
}

总之，使用CSS隐藏图片是非常简单的，只要掌握了这两种方法，就可以随时随地控制图片的显示与隐藏。