需要幫助對齊表格…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的閱讀。

干杯