Question

我使用COLGROUP来布局表格，我发现了一些我无法理解的场景，请任何人都可以告诉我COLGROUP的工作原理：

我为表添加WIDTH属性，两个宽度等于100％的COL可以显示为50％，50％

enter image description here

我删除了WIDTH属性，更改了布局，并且我们无法控制布局： enter image description here

Answer 1

在你的代码中，<body>是表的父级，所以它需要width:100%;你需要在包含一些宽度的任何特定div中写表

像这样，你会尝试。

＆＃13;

<body>
  <div class="table-container" style="width: 500px;">
    <table style="table-layout: fixed">
      <colgroup>
      <col width="50px">
      <col width="100%">
      <col width="50px">
      <col width="100%">
      </colgroup>
      <tr>
        <td>A</td>
        <td>B</td>
        <td>C</td>
        <td>D</td>
      </tr>
  </div>
</body>

＆＃13;

标签COLGROUP如何使用两个col = 100％？

1 个答案: