底部有空格的 img 标签

Posted 2023-03-05

【中文标题】底部有空格的 img 标签

【英文标题】：img tag having white space at the bottom

【发布时间】：2014-01-27 14:59:17

【问题描述】：

我正在创建一个 wordpress 页面并使用背景图片创建某个部分，主要问题是，css 中的一张图片正在被剪切或拆分，这里是该网站的链接：

http://testpress.dramend.com/amend-2/被分割的图像是loopmid.gif，它没有连接到looptop.gif这里是截图：

<tr>
   <td ><img    src="http://dramend.com/looptop.gif"></td>
</tr>

我的 CSS 做错了吗？

谢谢

【参考方案1】：

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

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

【参考方案2】：

由于您使用table 来设计布局，这不是Alien 先生所说的建议，您也可以使用display:table; 作为img 标签。

【参考方案3】：

不要使用表格进行设计，尝试使用div和CSS定位

【参考方案4】：

你需要使用display: block;，或者你也可以使用vertical-align: bottom;作为img标签，因为它默认是inline元素......这将解决问题。

另外，您正在使用 table 来设计很脏的布局。学习 CSS 定位、浮动，并使用其他标签（如 div、section 等）制作布局

【讨论】：

感谢外星人先生的魅力！会注意的！再次感谢！很有帮助

我在同一个网站上问过另一个 css 问题，有机会在这里阅读我的问题***.com/questions/21015950/… 谢谢