0

我有以下 HTML 代码： 我要做的是显示图像并在图像下方显示表格单元格中的文本。例子：

<table bgcolor="yellow" cellspacing="0" cellpadding="0">
        <tr>
            <td  width="100%">
                        <img width="100%" src="http://eofdreams.com/data_images/dreams/cat/cat-01.jpg" border="0"  style="vertical-align: top;"/> <br/>
                        <div  style="background-color: #023F7D">
                            <p>test</p>
                        </div>

                    </td>
        </tr>
    </table>

上面的代码在图像的右侧留下了一个黄色的垂直条纹。图片未覆盖整个 TD。

如果我将 width="100%" 放在 img 标签中，问题是照片下方出现黄色条纹。这只发生在 IE 中（在 Safari 中可以正常工作）。我想在没有任何空间的情况下显示照片下的 div。

我究竟做错了什么 ？

4

1 回答 1

1

问题是<p>标签默认有一些边距。所以我们必须通过添加 margin: 0 来覆盖它，<p>以便它清除边距。

于 2013-07-25T11:12:51.503 回答