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

我有一张这样的桌子：

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

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

而不是它们当前的布局：

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

这就意味着：

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

此处的工作示例：

此outta do it:

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

这里的工作示例：

您是否尝试过

#rightbutton{float:right；}

编辑：亨特打败了我

您是否尝试过

#rightbutton{float:right；}

---

编辑：亨特打败了我

浮动：左和浮动：右

您可以为此使用内联css： 和

---

这里有一个教程：

float:left和float:right

您可以为此使用内联css： 和

---

这里有一个教程：

我不明白你为什么要用CSS来做这件事。因为您使用表格进行布局，所以您应该以“表格”的方式进行。将每个按钮放入一个不同的

元素中，并给第一个按钮一个

colspan

的

2

。我不明白为什么要使用CSS来做这件事。因为您使用表格进行布局，所以您应该以“表格”的方式进行。将每个按钮放入不同的

元素中，并为第一个按钮指定一个

colspan

的

2

。