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来设计刚刚变脏的布局。使用div，section等其他标记学习CSS定位，浮动和布局

Answer 2

请尝试使用div和CSS定位

，而不是使用表格进行设计

Answer 3

由于您使用table来设计布局，而不像Alien先生所说的那样，您也可以使用display:table;作为img标记。

Answer 4

在您的css文件中，请添加以下内容：

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