如何创建两个相等的列，中间有一个固定空间

Question

我有一张width:100%的表，它应该有3列如下：

[50%-space/2][space][50%-space/2]

现在，我已经有了这个

<table style="width:100%"><tr>
   <td>left</td>
   <td style="width:20px"></td> //space
   <td>right</td>
</table>

这种方法很好，只要总有一个＆＃34;左＆＃34;和＆＃34;对＆＃34;宽度相同，但如果宽度不同，它将停止工作：

<table style="width:100%"><tr>
   <td></td>
   <td style="width:20px"></td> //space
   <td>right</td> // right takes all the space from the first td
</table>

如果我设置＆＃34;离开＆＃34;和＆＃34;对＆＃34;每个到50%，其间的空格被省略：

<table style="width:100%"><tr>
   <td style="width:50%"></td>
   <td style="width:20px"></td> //space
   <td style="width:50%">right</td> // right takes all the space from the first td
</table>

不幸的是，在这种情况下，空间不能在%（这可以很容易地解决问题）。使用CSS列也不是一个选项。

有解决方法吗？

---

JSFiddle

---

Answer 1

  

示例：http://jsfiddle.net/9yVx9/1/

---

使用table-layout: fixed属性

table {
    table-layout:fixed;
}

---

<强>截图