Question

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

最上面的一个似乎是居中的，但是底部的一个并不居中。

我尝试添加一堆代码来使表居中，但它似乎没有用。

目前的代码如下：

<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>

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

谢谢！

Answer 1

它不会显示居中，因为表+图像比包含它的div宽。我添加了一些内嵌样式，如下所示，使它看起来正确，但你真的应该调整容器的宽度或使用适合你容器的图像。

基本上，我在表格和表格中的图像中添加了最大宽度：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>

如何将此表放在我的网站上？

1 个答案: