放置图像的占位符

Question

我在HTML页面中有一个图像图标，只有在某些条件为真时才能显示标签。如果条件为假，则不应显示，但仍应占用相同的空间。

我相信大多数人都做过这样的事情，我得到了几个解决方案。

1. 照常放置img标记，但在条件为false时添加到其样式属性visibility: hidden。
2. 指定width标记的height和img样式属性，并在条件为false时使用透明的1 X 1图像。

我不喜欢，因为它看起来像CSS之前的版本3.是否有人知道这样做的最佳做法？

编辑：当图像没有显示时，我不需要图像，但我需要它的空间不要破坏其余元素的位置。

Answer 1

CSS 3并没有得到很好的支持，但仍然包括1和2中的大部分内容。我认为你的第一个选择绝对没有错。

选项2不是那么干净，但如果你期望它被不支持CSS的东西所看到，那么它肯定是可行的。

Answer 2

使用图片大小创建div，例如宽度/高度并显示或不显示div中的图像

Answer 3

如果没有理由打印图像，这里的“最佳实践”将意味着根本不打印图像。我假设你提到1x1像素，你只是想完全隐藏图像。所以不要打印它！

如果您的布局需要图像存在（假设您有一个链接库，其中每个链接都有一个图像），那么您需要某种图标/图片，表明没有图片 - 像剪影一样通用的东西问号。