css - 请解释rowspan和colspan，col和colgroup

谁能解释rowspan和colspan，col和colgroup？这些W3C是否有效且在语义上正确？这些在什么情况下有用？

最佳答案

科尔斯潘

<table border="1">
  <tr>
    <th colspan="2">people are...</th>
  </tr>
  <tr>
    <td>monkeys</td>
    <td>donkeys</td>
  </tr>
</table>

行跨

<table border="1">
  <tr>
    <th rowspan="2">monkeys are...</th>
    <td>... real monkeys</td>
  </tr>
  <tr>
    <td>... 'unreal' monkeys (people...)</td>
  </tr>
</table>

w3c

如您所见，这是用于连接表格单元的-由于有时是必需的，因此它是有效的(RegDwights链接将提供更多信息...)。

col/colgroup
colgroup和col用于为表中的每一行设置属性(因此，您不必为每行中的第一个width="80"(td)编写tr):

<table border="1">
  <colgroup>
    <col width="80">
    <col width="100">
    <col width="320">
  </colgroup>
  <tr>
    <td>first line, first column</td>
    <td>first line, second column</td>
    <td>first line, third column</td>
  </tr>
  <!-- more table-lines... -->
</table>

您还可以对cols进行分组，假设第一列和第二列的with应该为80，第三列的应该为320:

<table border="1">
  <colgroup width="80" span="2"></colgroup>
  <colgroup width="320" span="1"></colgroup>
  <tr>
    <td>first line, first column</td>
    <td>first line, second column</td>
    <td>first line, third column</td>
  </tr>
  <!-- more table-lines... -->
</table>

关于css - 请解释rowspan和colspan，col和colgroup，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/2416453/