Question

我有一张没有使用CSS的表。我不想要CSS。表3列和3行，行和列中的单元格融合（colspan和rowspan属性）我没有办法在不使用CSS

的情况下在相同宽度（200像素）的末尾获得3列

由于

<table width="600" cellpadding="0" cellspacing="0" border="1">
     <tr>
        <td>a</td>
        <td colspan="2">b</td>
     </tr>
     <tr>
        <td colspan="2" rowspan="2">c</td>
        <td>d</td>
     </tr>
     <tr>
        <td>e</td>
     </tr>
     <tr>
        <td>w1</td>
        <td>w2</td>
        <td>w3</td>

     </tr>
  </table>

Answer 1

使用col element指定列宽。这在XHTML 1.0 Strict中有效，即使在单元格上设置宽度不是这样。假设您希望每列的宽度为200像素（参见@ AlexThomas的答案），您可以使用：

<table width="603" cellpadding="0" cellspacing="0" border="1">
<col width="200"/>
<col width="200"/>
<col width="200"/>
     <tr>
        <td>I have put some extra text here to illustrate that
            this cell is not expanded past the 200px limit.</td>
        <td colspan="2">b</td>
     </tr>
     <tr>
        <td colspan="2" rowspan="2">c</td>
        <td>d</td>
     </tr>
     <tr>
        <td>e</td>
     </tr>
     <tr>
        <td>w1</td>
        <td>w2</td>
        <td>w3</td>

     </tr>
</table>

Answer 2

user3279494：谢谢。不，因为w1和w2的宽度为199px。我想要w1 w2 w3 = 200像素

这是因为你有1px的边框，包括那个。取下边框，你的行是200px。因此，如果您希望列为200px，使用边框，则需要将表大小增加到603px

<table width="603" cellpadding="0" cellspacing="0" border="1">
     <tr>
        <td>a</td>
        <td colspan="2">b</td>
     </tr>
     <tr>
        <td colspan="2" rowspan="2">c</td>
        <td>d</td>
     </tr>
     <tr>
        <td>e</td>
     </tr>
     <tr>
        <td>w1</td>
        <td>w2</td>
        <td>w3</td>

     </tr>
  </table>

XHTML STRICT 1.0表

2 个答案: