Question

我需要将表分为标题和行，以便能够控制滚动。但是现在，标题和单元格的列宽似乎有所不同。我正在尝试消除span元素上的所有填充和边框。在此示例中，列标题显示为131px。在其他情况下，单元格宽度为129px（小于定义的宽度130px），我无法弄清楚。

<table style="border-collapse: collapse;">
  <thead>
  <tr>
    <th style="width: 130px; padding:0px; border:1px solid;">Column1</th>
  </tr>
  </thead>
</table>
<table formArrayName="scheduleDetail" style="border-collapse: collapse;">
  <tbody>
  <tr>
    <td style="width: 130px;  padding:0px; border:1px solid; box-sizing: border-box;">
      <span style="width: 130px;  padding:0px; border:0px;">
        <a href="javascript:" style="text-decoration: underline; color: blue">1111</a>
      </span>
    </td>
  </tr>
  </tbody>
</table>

Answer 1

除非跨过display：inline-block使用，否则跨度上的宽度似乎不适用。解决了。

表格标题和表格单元格显示不同的宽度

1 个答案: