Question

我想在div中的另一个表的右侧设置一个html表。如果我只是做

<div>
    <table>
        <tr>
            <td>
             //stuff
           </td>
        </tr>
    </table>
    <table>
        <tr>
            <td>
              //stuff
            </td>
        </tr>
    </table>
</div>

它列出了一个在另一个上面的表，我需要它们从左到右来对齐用户控件，我不能将它放到一个表中，因为不同高度的行不起作用。如何让表格在div中从左到右而不是从上到下流动？

Answer 1

尝试将包含div设置为display: flex;。

Answer 2

您可以使用float:direction或display:inline-block CSS属性

JSFiddle示例：https://jsfiddle.net/v10hqa66/

Answer 3

您可以将表放在表格中。我更喜欢以下方式：

   <div>
<table>
    <tr>
        <td>
            <table>
                <tr>
                    <td>
                        table one
                    </td>
                </tr>
            </table>
        </td>
        <td>
            <table>
                <tr>
                    <td>
                        table two
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>

</div>

Answer 4

向其中一个表添加广告ID，然后在css中，向左浮动表格。

<div>
    <table>
        <tr>
            <td>
             //stuff
           </td>
        </tr>
    </table>
    <table id="left">
        <tr>
            <td>
              //stuff
            </td>
        </tr>
    </table>
</div>

把它放在头上：

<style>
#left{
float:left;
}
</style>

将html表设置为另一个表

4 个答案: