img alt更改图片尺寸

由于某些原因，当我在网站上的某些图片上添加了alt标记时，它更改了尺寸。img 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>

它们都使用相同的样式表都

，否则在该分区完全相同的HTML。

人知道为什么会是什么？我知道图像没有加载。他们还没有制定。但是我想在未来不加载的情况下解决这个问题，所以不会导致我的身体消失。

来源

2014-02-13 dweeman

所有的图像都是404'？ – Shannon

如果你的意思是现在的图像大小，它可能与alt文本的长度有关。您可以使用CSS设置大小，以确保它们都是统一的。 – Shannon

是的，我还没有创建图像，但他们将是50 * 50px。 – dweeman

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

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

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

而且，这里是另一个例子很清楚地表明了我的解释以上：

由于渲染

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

（请注意：alt文本将无法在Chrome中显示bug）。

更新： 好的，看起来你是被引用g，因为您在<p>标记之间输入的文字不可见。要解决此问题，请从您的CSS中的#container中删除float:left。请看下面的例子。（顺便说一下，段落文本隐藏在您提供的两个链接中，不确定为什么您认为alt标签与该问题有关，但我离题了）。此外，您的代码中存在不少错误，我强烈建议使用官方W3C validator进行验证。

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

来源

2014-02-13 05:39:23 Elle

我明白这一点。我还没有创建图像。但我插入了这些alts，看看他们如何显示时间。所以如果图像可以找到它的作品。但如果他们不能，身体消失。我想解决这个问题，而不是仅仅针对未来可能发生的问题提供功能性图像。 – dweeman

@dweeman如果您在HTML或CSS中指定尺寸，即使无法找到图像，装订框仍将保持正确的尺寸。请看这[exampe：]（http://jsfiddle.net/P4X58/3/）。你能澄清你的意思是“身体消失”吗？我不完全确定你想要做什么... – Elle

@Dweeman，这里是一个在你的网站上指定图片尺寸的例子[点击这里]（http://jsfiddle.net/RWLFG/5/）。 – Elle

浏览器会专门显示alt文本时未找到图像，这显然是属性点。

可以指定宽度/高度内联或通过CSS，它应该在剪辑这些尺寸的文字。这是很好的做法，无论如何，图像，因此浏览器仍然知道应该使用什么尺寸

来源

2014-02-13 03:05:58 helion3

我已经完成alt {width：10px;身高：10px;}在CSS中，但它似乎没有工作。那是不正确的？ – dweeman

这是一个很好的答案，但我觉得有必要扩大和澄清一些事情。无论如何，+1 @ helion3！ – Elle

img alt更改图片尺寸

回答

相关问题