列标签colgroup中的列

Question

我尝试使用colgroup标记在模板中生成表格，但我无法理解如何在列中创建列。

例如：

<table class="table table-bordered table-striped">
    <colgroup class="span12">
        <col class="span1">
        <col class="span1">
        <col class="span1">
        <col class="span1">
        <col class="span1">
        <col class="span1">
        <col class="span1">
        <colgroup class="span5">
            <col class="span1">
            <col class="span1">
            <col class="span1">
            <col class="span1">
            <col class="span1">
            <col class="span1">
            <col class="span1">
        </colgroup>
    </colgroup>

我以前用这个逻辑卖掉了这个，但是这种看法不适用于colgroup标签：

.container
  .row
    .col-md-8
      .col-md-6
        | content
      .col-md-6
        | content
    .col-md-4
      .col-md-12
        | content

Answer 1

HTML中的表可以专门创建并按行填充。 colgroup和col元素用于将样式应用于列。这不是设置列样式的理想方式，因为我更希望在:nth-child(#)元素内定位<tr>。现在，您可以通过说：

将表格<tr>“转换”为列

table td{
    display: block;
}
table tr {
    display: table-cell;
}