将html表格设置到另一个表格的右侧

将html表格设置到另一个表格的右侧,html,css,Html,Css,我想在div中的另一个表的右边设置一个html表 <div> <table> <tr> <td> //stuff </td> </tr> </table> <table> <tr> <td>

我想在div中的另一个表的右边设置一个html表

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

//东西
//东西

它将一个表列在另一个表的上方,我需要它们从左到右对齐用户控件,但我无法将其放入一个表中,因为不同高度的行不起作用。如何使表格在div中从左到右而不是从上到下流动?

尝试将包含div的部分设置为
display:flex

尝试将包含div设置为
显示:flex

您可以使用
float:direction
display:inlineblock
CSS属性


jsidle示例:

您可以使用
float:direction
display:inlineblock
CSS属性


jsidle示例:

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


表一
表二

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


表一
表二

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

#左{
浮动:左;
}

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

#左{
浮动:左;
}

浮动:左
?@davidp04为什么不将表格放在表格内?请看我的答案。
float:left
?@davidp04为什么不将表放在表中?看我的答案。我不会因为你可能是新来的,就否决你。这应该作为注释放置。(你有足够的代表性。)或者改进你的答案,因为它缺乏质量。@KarelG我不明白为什么一个有效的答案应该作为评论给出(它不是对问题的评论),仅仅因为它简短而中肯。这是一个有效的解决方案。我不会投你反对票,因为你可能是新来的。这应该作为注释放置。(你有足够的代表性。)或者改进你的答案,因为它缺乏质量。@KarelG我不明白为什么一个有效的答案应该作为评论给出(它不是对问题的评论),仅仅因为它简短而中肯。这是一个有效的解决方案。我真的很喜欢它,因为fiddle网站让我可以玩htmli。我很高兴我能帮上忙,让你有时间玩html,找到最适合你需要的解决方案!我真的很喜欢这一点,因为fiddle网站让我可以使用htmli。我很高兴我能提供帮助,让您有时间使用html,并找到最适合您需要的解决方案!