html - 什么 CSS 会让两个按钮分别排列在 3-colspan 表格单元格的左侧和右侧？

Question

我有一个这样的表:

<table>

  <tr>
    <td>short text</td>
    <td>long long long text</td>
    <td>short text</td>
  </tr>

  <tr>
    <td colspan='3'>
      <button id='leftbutton'/>
      <button id='rightbutton'/>
   </td>
  </tr>

</table>

我应该应用什么 CSS 样式来让我的按钮像这样布局:

-----------------------------------------------------------------
|short text       |      long long long text     |  short text  |
-----------------------------------------------------------------
| button left     |                              | button right |
-----------------------------------------------------------------

而不是他们当前的布局:

-----------------------------------------------------------------
|short text       |      long long long text     |  short text  |
-----------------------------------------------------------------
|button left|button right|
-----------------------------------------------------------------

Answer 1

这不是他做的:

#leftbutton { float: left; }
#rightbutton { float: right; }

这里的工作示例:http://jsfiddle.net/KvWT2/