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等