html - 使用 CSS 强制表格行出现在同一行

Question

我有一个像这样的两行表：

---------------------------
| 1 Item | Total: $370.00 |
---------------------------
|   View Cart   Check-out |
---------------------------

我希望它内联显示，如下所示：

| 1 Item | Total: $370.00 | View Cart   Check-out |

这可能与 CSS 吗？注意：不幸的是，这段代码是由我的 CMS 生成的，很难将其更改为使用 div，然后使用 CSS float:left 或 display:inline-block。

简化的 HTML：

<table class="cart-block-summary">
 <tbody>
  <tr>
   <td class="cart-block-summary-items">1 Item</td>
   <td class="cart-block-summary-total">Total: $370.00</td>
  </tr>
  <tr class="cart-block-summary-links">
   <td colspan="2">View cart  Checkout</td>
  </tr>
 </tbody>
</table>

Answer 1

为我工作：

   ​​table { width: 600px;}
    tr{float:left}​

http://jsfiddle.net/N5fhU/

Answer 2

您也可以删除最后一个 TR，这样它看起来就在一行中

<table class="cart-block-summary">
 <tbody>
  <tr>
   <td class="cart-block-summary-items">1 Item</td>
   <td class="cart-block-summary-total">Total: $370.00</td>
   <td class="cart-block-summary-links" colspan="2">View cart Checkout</td>
  </tr>
 </tbody>
</table>