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更改圖片尺寸

回答

相關問題