Question

出于某种原因，当我在网站上为某些图片添加了alt标签时，它改变了尺寸。

www.dweeman.com/eb/sitetemplate.html有alt标记

<table id="sidebar">
  <tr id="sidebar">
   <td><img src="images/photos/venetian_sample.gif" alt="venetian blind icon"></td>
   <td id="sidebar"><a href="blinds.html#venetian">Venetian Blinds</a></td>
  </tr>
</table>

www.dweeman.com/eb/index.html没有alt标记

<table id="sidebar">
  <tr id="sidebar">
   <td><img src="images/photos/venetian_sample.gif"></td>
   <td id="sidebar"><a href="blinds.html#venetian">Venetian Blinds</a></td>
  </tr>
</table>

它们都使用相同的样式表，否则在该div中具有完全相同的HTML。

任何人都知道为什么会这样？我知道图像没有加载。它们尚未制作完成。但我希望在将来不加载的情况下解决这个问题，这样就不会让我的身体消失。

Answer 1

当找不到图像时，浏览器将专门显示alt文本，这显然是属性的重点。

您可以指定内联或通过css的宽度/高度，它应该剪切这些尺寸的文本。无论如何，对于图像来说，这是一个很好的做法，因此浏览器仍然知道它应该使用什么尺寸

Answer 2

您遇到此“问题”的原因是因为您的图片尚未存在，因此无法找到它们。 alt标记用于在无法找到图像时显示文本，而这正是发生的事情。当您开始上传图像时，它们将是它们应该具有的确切大小（如CSS或HTML中所指定）。简而言之，除非浏览器无法显示/找到所述图像，否则alt标记不会影响图像的尺寸。

请参阅以下链接。我编辑了您的HTML以包含浏览器可以找到的图片。正如你所看到的那样，狗图像不会影响我很长的alt标签（这是一个完整的段落）。

http://jsfiddle.net/RWLFG/4/

此外，这是另一个非常清楚地展示我上面解释的例子：

http://jsfiddle.net/P4X58/2/

（请注意，由于呈现错误，Chrome中不会显示alt文字。）

<强>更新好的，您似乎指的是您在<p>标签之间输入的文字不可见。要解决此问题，请从CSS中的float:left中删除#container。请参阅下面的示例。（顺便说一句，段落文本隐藏在你提供的两个链接中，不确定为什么你认为alt标签与问题有关，但我离题了）。此外，您的代码中存在相当多的错误，我强烈建议您与官方W3C validator进行验证。

http://jsfiddle.net/RWLFG/7/

img alt改变图像尺寸

2 个答案: