Javascript 对齐div下面的定位标记

我有两个并排出现的表格，每个表格都有两个按钮 我希望按钮（锚定标签）出现在桌子下面，而桌子仍然并排

我的表格结构如下：

<div id="table">
<div id="detail-table">
<table>
...some table data...
</table>
<a href></a>
<a href></a>
</div> // detail-table close
<div id="no-detail-table">
<table>
...some table data...
</table>
<a href></a>
<a href></a>
</div> // no-detail-table close
</div> // table div close

我希望输出如下（见图）：我尝试了float属性和position:absolute，top: ，左：！，但无法获得所需的输出

---

JSFIDDLE:

您必须将表声明为块元素（而不是内联块），并浮动细节div以达到所需的效果。例如：

table { display:block; }
#detail-table { float:left; }
#no-detail-table { float:left; margin-left: 50px /* Add space between tables. Or you could float this div right (float:right;) */ }

这里有一个链接指向一个工作示例：

您可以尝试此（）

或（使用链接的包装器div）

或者，（使用

tfoot

）

---

只需将

float

应用于

#table div

并将

width

设置为

50%

：

#table{
    margin: 0;
    padding: 0;
    text-align: center;
}

#table div {
    width:50%; float:left;
}

table{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    width:100%;
}

看到这个了吗？你能试试这个吗

     <tr>
        <td colspan="7">
            <a href="some link" class="btn btn-rounded btn-success" download="" id="download-detail-button">Download</a>
          <a class=" btn btn-rounded btn-info" target="_blank" onclick="print command" id="print-button">Print</a></td>
    </tr>

你能在这里提供fiddle演示链接吗？OPI中添加的JSFIDLE链接按照你说的做了，但我在右边有链接，在左边有表格，请检查OP is中我的JSFIDLE链接是否有我的原始表格结构
#table div {
    display:inline-block;
}
#table div#links {
    text-align:center;
    display:block;
}

#table div {
    display:inline-block;
}

div#table table tfoot td{
    text-align:center;
}

#table{
    margin: 0;
    padding: 0;
    text-align: center;
}

#table div {
    width:50%; float:left;
}

table{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    width:100%;
}

     <tr>
        <td colspan="7">
            <a href="some link" class="btn btn-rounded btn-success" download="" id="download-detail-button">Download</a>
          <a class=" btn btn-rounded btn-info" target="_blank" onclick="print command" id="print-button">Print</a></td>
    </tr>