保证金权利不起作用？

Question

我正在尝试创建如下所示的表格：

我尝试过使用margin-right属性，还有边框间距，colspan但是无法实现它！

以下是我对codepen的链接：https://codepen.io/saisree/pen/jwwwEZ

 <tr >
     <td  style="padding-top:10px;"colspan="2"class=" fixed text-center">
       <span class=" border6 bold pull-left">2210 924-16(267)  </span><span class="boxed1"></span></tr>

非常感谢任何形式的帮助。

Answer 1

每个td中需要两个tr个。在前4行中，您将属性colspan="2"应用于第二个td标记，然后在行中将colspan="2"应用于第一个td标记。这基本上都是。实际上，每行中有三个TD，但由于每行都有一个带有colspan的td，所以每行只能看到两个。

默认情况下，宽度取决于内容，但您可以使用tds的宽度设置。您可以不在td上使用边距。

table {
  border-collapse: collapse;
  width: 60%;
  margin: 0 auto;
}

td {
  border: 1px solid #ddd;
  min-width: 35%;
}

td:nth-child(2) {
  min-width: 50%;
}

<table>
  <tr>
    <td>AAA</td>
    <td colspan="2" ;>BBB</td>
  </tr>
  <tr>
    <td>AAA</td>
    <td colspan="2" ;>BBB</td>
  </tr>
  <tr>
    <td>AAA</td>
    <td colspan="2" ;>BBB</td>
  </tr>
  <tr>
    <td>AAA</td>
    <td colspan="2" ;>BBB</td>
  </tr>
  <tr>
    <td colspan="2" ;>CCC</td>
    <td>DDD</td>
  </tr>
  <tr>
    <td colspan="2" ;>CCC</td>
    <td>DDD</td>
  </tr>
  <tr>
    <td colspan="2" ;>CCC</td>
    <td>DDD</td>
  </tr>

</table>