Question

尝试了各种解决方案，但我无法工作，而且我很难解决HTML元素的定位问题。这个应该和他们来的一样容易。仍然...

注意：按钮 NOT 成为表格的一部分。

我有一张桌子，我想在桌子右边放一个按钮，按钮底部的底部垂直对齐到桌子的底部。

编辑提供基本布局。

<table id="someTable">
  <tr>
    <td>SomeCell</td>
  </tr>
</table>
<button id="somebutton">
  A button
</button>

Answer 1

你可以试试这个：

<强> Updated fiddle here

<table id="someTable">
   <tr>
      <td>Some cell</td>
   </tr>
<tfoot>
   <tr>
      <td valign="bottom" align="right">
        <button id="someButton">
          A button
        </button>
      </td>
   </tr>
</tfoot>
</table>

祝你好运.....

Answer 2

管理以使其正常工作。

<div>
  <table id="someTable">
    <tr>
      <td>SomeCell</td>
    </tr>
  </table>
  <button id="someButton">
    A button
  </button>
</div>

#someTable
{
  display: inline-table;
}
#somebutton
{
  display: inline-block;
  vertical-align: bottom;
}

http://jsfiddle.net/Pf9Y7/

Answer 3

<table border="1" width="250">
<tr>
    <td>Hello <br/><br/><br/></td>
    <td valign="bottom" align="right"><button type="button">Click Me!</button></td>
</tr>
</table>

将HTML按钮放在表格的右下角

3 个答案: