我有以下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。
如果我在img标签中放置width =“100%”,则问题是照片下方会出现黄色条纹。这只发生在IE中(在Safari中它工作正常)。我想在没有任何空间的情况下在照片下显示div。
我究竟做错了什么 ?
问题是<p>
标签默认有一些边距。所以我们必须通过在<p>
标签上添加margin:0来覆盖它,以便清除它的余量。