-3

我的网站上有两个带有广告的表格。

顶部的似乎居中，但底部的不是居中。

我尝试添加一堆代码以使表格居中，但它似乎不起作用。

当前代码如下所示：

<div align="center">
<table align="center" style="text-align:center; margin-left: auto; margin-right: auto; border-collapse:separate; border-spacing: 20px 0px;">
<tr style="height:100px">
<td><span id="ad1"></span></td>
<td><span id="ad5"></span></td>
<td><span id="ad4"></span></td>
</tr>
</table>
</div>

我该怎么做才能正确居中？

谢谢！

4

1 回答 1

0

它没有出现居中，因为 table + images 比包含它的 div 宽。我添加了一些内联样式，如下所示，使其看起来正确，但您确实应该调整容器的宽度或使用适合您拥有的容器的图像。

本质上，我在表格和表格中的图像中添加了 max-width:100%。

<div align="center" style=" text-align: center;">
    <table align="center" style="text-align:center; margin-left: auto; margin-right: auto; border-collapse:separate; border-spacing: 20px 0px; max-width:100%">
        <tbody>
            <tr style="height:100px">
                <td>
                    <span id="ad1">
                        <a href="http://ltm.me/ad1" title="Amp Cellular" target="_blank">
                            <img src="http://jewishmusicstream.com/ads/amp.jpg" width="300" height="100" style="max-width: 100%;">
                        </a>
                    </span>
                </td>
                <td>
                    <span id="ad5">
                        <a href="http://ltm.me/ad5" title="Get Peyd" target="_blank">
                            <img src="http://jewishmusicstream.com/ads/getpeyd.gif" width="300" height="100" style="max-width: 100%;">
                        </a>
                    </span>
                </td>
                <td>
                    <span id="ad4">
                        <a href="http://ltm.me/ad4" title="The Kosher Chocolatier" target="_blank">
                            <img src="http://jewishmusicstream.com/ads/thekosherchocolatier.png" width="300" height="100" style="max-width: 100%;">
                        </a>
                    </span>
                </td>
            </tr>
        </tbody>
    </table>
</div>
于 2013-02-15T20:05:12.200 回答