Question

如果我有3列，例如：

<tr>
      <td></td>
      <td>Know the width</td>
      <td></td>
</tr>

在第二列中，我知道宽度，并希望这个中心例如777，并希望其他两面占据屏幕剩余的部分（等份），这是怎么做的？

这：根本不起作用：

  <tr>
        <td width="*%" >&nbsp;</td>
        <td width="777"></td>
        <td width="*%"></td>
  </tr>

Answer 1

您可以使用colgroup element：

<table>
    <colgroup>
        <col width="*">
        <col width="30">
        <col width="*">
    </colgroup>
    <tr>
          <td></td>
          <td>Know the width</td>
          <td></td>
    </tr>
</table>

Answer 2

在这种情况下，使用浮动效果会更好。您可以将中间浮点设置为具有固定大小，另外两个可以设置为填充其余的（我不记得确切的css语句）

Answer 3

以下适用于css2浏览器。 IE6的正文需要发短信。

<html>
    <head>
        <style>
        body{text-align:center;}
        #CenteredDiv{width:400px;margin:auto;background-color:silver;}
        </style>
    </head>
    <body>
        <div id="CenteredDiv">Centered Div</div>
    </body>
</html>

Ť

HTML表格布局问题

3 个答案: