HTML表格单元格宽度与照片 - 跨浏览器

问题描述 投票:0回答:1

我有以下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。

我究竟做错了什么 ?

html image html-table width
1个回答
1
投票

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

© www.soinside.com 2019 - 2024. All rights reserved.