html - CSS表格问题/动态宽度

我在让我的桌子上班时遇到问题。我真的需要弄清楚如何更多地使用div，但是现在，我只需要它来工作。

这是我正在做的......我有一个表3列表

第1列包含一个静态文本，实际上是“选择帐户”
第2列包含标题标题
第3列包含选择帐户名称

第1列的静态宽度为220px
第2列需要标题在屏幕中间居中第3列需要根据文本大小增长

表格在整个屏幕上是100％。

似乎无法弄清楚如何让它工作..第1列工作正常..第3列我居中右侧，取出宽度，但中间列不能正确居中...

有什么想法吗？也许用div做一个方法？我使用表的原因是因为如果浏览器很小，不希望列像div一样落在彼此之下

示例代码：

<table style="width: 100%" border="1">
  <tr>
    <td style="width: 220px;">
       <span>Please Select Your Account</span>
    </td>
    <td valign="top" align="center">
       <span>HeaderTitle(Centered)</span>
    </td>
    <td align="right">
      <span>This is a really long account name need to keep dynamic</span>
    </td>
  </tr>
</table>

对于那些需要它的人.. http://jsfiddle.net/j5C3z/6/

CSS表格问题/动态宽度

1 个答案: