Html web应用程序中的图像

我正在开发一个web应用程序，我正在使用img标记（

有没有办法隐藏红色的X图标？
如果您将src设置为空字符串，则无需添加img标记。
一个
属性是。如果您不想显示图像，根本不输出
标记。

如果必须输出图像标记，从而破坏html（我不鼓励这样做），则可以使用以下css样式之一在大多数浏览器中隐藏
[X]
：

隐藏图像，但仍会占用页面空间
从页面中删除图像，使其不占用任何版面空间
另一种选择是实际链接到看不见的图像。这方面的经典示例是使用1像素透明gif图像。该图像不可见，但会影响页面布局。
如果不想打印图像，但在屏幕上显示，则可以使用CSS媒体类型：

<style>
@media print
  {
  img.noprint {visibility: hidden}
  }
</style>


@媒体印刷品
{
img.noprint{可见性：隐藏}
}

然后为所有不希望打印的图像添加一个类

<img class="noprint" .../>

+1用于解释可见性和显示属性之间的差异。