img標簽底部有空白

Question

我正在創建一個wordpress頁面並創建帶有背景圖像的特定部分，主要問題是，css中的一個圖像被剪切或分割了，這里是該站點的鏈接：

http://testpress.dramend.com/amend-2/所分割的圖像是loopmid.gif，它沒有連接到looptop.gif，這是屏幕截圖：

<tr>
   <td height="23"><img width="707" height="23" alt="" src="http://dramend.com/looptop.gif"></td>
</tr>

我在CSS中做錯了什么嗎？

謝謝

Answer 1

您需要使用display: block; 或者您可以使用vertical-align: bottom; 也適用於img標簽，因為默認情況下它是inline元素...將解決此問題。

另外，您正在使用table設計骯臟的布局。.學習CSS定位，浮動和使用其他標簽（例如div ， section等）進行布局

Answer 2

與其使用表格進行設計，不如嘗試使用div和CSS定位

Answer 3

由於您使用table來設計布局，這並不像Alien先生所建議的那樣，因此可以使用display:table; ;。 以及該img標簽。

Answer 4

在您的css文件中，添加以下行：

table, td, tr {
   margin:0; 
   padding:0;
}