需要帮助对齐表格...... HTML

Question

这应该很简单。只是你知道，我通常会写java逻辑，所以造型不是我的一杯茶，但必须这样做。无论如何我只是得到了这个：

我试图让桌子并排而不是像这样彼此叠加：

这是HTML ...感谢您的帮助....如果您需要查看更多代码，请告诉我们

<tr><tr><tr><tr><tr><tr>
    <table class="link_table">
        <tr>
            <td>
                <a href="show.addEdit_hotpart?hotPartId=0">ADD HOT PART</a>
            </td>
        </tr>   
    </table>

    <table class="link_table">
        <tr>
            <td>
                <a href="show.addEdit_hotpart?hotPartId=0">ADD HOT PART</a>
            </td>
        </tr>
    </table>

Answer 1

人们会告诉你不要使用桌子，他们是对的。也就是说，你只需要在同一行的表格单元格中使用这两个项目：

<table class="link_table">
    <tr>
        <td>
            <a href="show.addEdit_hotpart?hotPartId=0">ADD HOT PART</a>
        </td>
        <td>
            <a href="show.addEdit_hotpart?hotPartId=0">ADD HOT PART</a>
        </td>
    </tr>
</table>

Answer 2

 <table class="link_table" style="display:inline">

Answer 3

将它们添加到单元格（td），而不是单独的表格。 ：）

<table class="link_table">
    <tr>
        <td>
            <a href="show.addEdit_hotpart?hotPartId=0">ADD HOT PART</a>
        </td>
        <td>
            <a href="show.addEdit_hotpart?hotPartId=0">ADD HOT PART</a>
        </td>
    </tr>
</table>

Answer 4

使用表格进行布局不是一个好习惯，但如果你必须这样做，那么在这种情况下你可以在你的表格元素上使用以下css：

style="display: inline;"

Answer 5

试试这个

<table class="link_table">
    <tr>
        <td>
            <a href="show.addEdit_hotpart?hotPartId=0">ADD HOT PART</a>
        </td>
        <td>
            <a href="show.addEdit_hotpart?hotPartId=0">ADD HOT PART</a>
        </td>
    </tr>
</table>

Answer 6

table元素用作块级元素。块级元素创建换行符。要修改行为，请使用CSS属性“display”：

.link_table{ float:left; }

这不是一个漂亮的解决方案，但它确实有效。其他一切都涉及到更多关于HTML和CSS的阅读。

干杯