空白空間/邊界不會消失表TR

我有這樣的通訊標記：空白空間/邊界不會消失表TR

<table width="600" align="center" cellpadding="0" style="font-family:verdana,'Myriad Pro', Arial; border-collapse:collapse; border-spacing:0;"> 
    <tr valign="bottom" height="127" style="padding:0;text-align:left;vertical-align:bottom;margin:0;margin-bottom:-2px;" > 
     <td height="141" valign="bottom"> 
          <img width="608" height="141" src="http://toniweb.us/m/demos/headPildoraLarge.png" />         
     </td> 
    </tr> 
    <tr> 
         /*Rest of table ommited*/ 
    </tr>

的事情是，包含headPildoraLarge.png IMG的<tr>後有一個〜在底部2px的差距，我無法刪除...

這是可見的IE瀏覽器5,6,7（不是在FF，IE8或其他），但是在這種情況下tarjet的....

How我可以消除這個差距嗎？

在行動全HTML：http://toniweb.us/m/demos/

來源

2012-03-12 Toni Michel Caubet

寫在你的CSS：

img{ 
border:0; 
vertical-align:top; 
}

來源

2012-03-12 09:11:18 sandeep

哥們;我不fuc ***得到它;垂直對齊：頂部？它不是被淹沒在底部嗎？但它的工作原理：D – 2012-03-12 09:15:17

只是爲圖像添加vertical-align: bottom到您的樣式 - 不知何故喜歡：

td img { 
    vertical-align: bottom; 
}

瞭解更多信息，閱讀this great article。你看到的差距是你字體的基線和底線之間的差異，因爲內聯圖像默認與基線對齊。

來源

2012-03-12 09:12:32 oezi

我試過了...... :( – 2012-03-12 09:14:44

試着給下面的風格上的圖像

<img width="608" height="141" src="http://toniweb.us/m/demos/headPildoraLarge.png" style="vertical-align:bottom;" />

來源

2012-03-12 10:39:18 w3uiguru

這不會解決任何事情，它只是_隱藏問題。 – oezi 2012-03-12 10:45:53

空白空間/邊界不會消失表TR

回答

相關問題