如何正确对齐这个表元素中的内容？

Question

我正在尝试修改this webpage here。

我是一名新手前端开发人员，我仍在努力学习。我的同事通过从另一个站点复制模板来创建这个站点，这就是为什么所有代码​​都如此棘手和无组织（对不起！）。

基本上我想将元素置于底部附近，如下所示：

我相信这是下面的相关代码，它在第263行： -

    <tr>
        <td colspan="3"><div align="center">
          <p><a href="https://www.onlinebusinessbureau.com/Companyrating.cfm?  Company_ID=1843849"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="https://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="80" height="124" id="SealTracker" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="https://www.onlinebusinessbureau.com/SealTracker.swf?Company_ID=1843849" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed src="https://www.onlinebusinessbureau.com/SealTracker.swf?Company_ID=1843849" quality="high" bgcolor="#ffffff" width="80" height="124" name="SealTracker" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="https://www.macromedia.com/go/getflashplayer" />
</object></a><br /><span class="Helvetica12"><<strong></strong></span><img src="images/US_CoC_Logo.png" alt="US Chamber of Commerce"/></p>
        </div></td>
    </tr>

根据我对桌子的有限知识，我知道我应该使用类似的东西：

style="text-align: center; vertical-align: middle;"

我理解代码是一个巨大的混乱，这个因素以及我对桌子的有限知识真的让我失望。我非常感谢你的帮助。

Answer 1

包含相关项目的表格设置为宽度220px，如果将宽度设置为100％则可以使用

你有

<table width="220" border="0">

你需要

<table width="100%" border="0">

我不建议使用表格进行布局，但是对于你来说可能有点晚了，因为你已经陷入了困境。

Answer 2

这很可能是因为你在div中包含了所有数据，而这些数据不能使用align来居中。因此，就div的定位而言，所有的中心标签都是无用的。

如果要保持所有容器相同，请尝试将其添加到div标签的内容中。 style =＆＃34; margin：0 auto;＆＃34;

但是我建议取出所有容器层，它们多为多余的

Answer 3

哇，太乱了！ ：）

“修复”这个问题的方法是，其中一个包含表格会限制宽度。你应该改变：

<table width"220" border="0">

要：

<table width="100%" border="0">

Answer 4

不相关但请忘记从我们不在90年代的表格中建立一个网站。保存网络和用户...