代码之家  ›  专栏  ›  技术社区  ›  DanMad

<th>,<td>与方框布局不一致

  •  0
  • DanMad  · 技术社区  · 6 年前

    我使用了标准CSS重置,然后将以下样式应用于表元素:

    .ns-table {
      width: 100%;
      font-family: monospace;
      font-size: 14px;
      line-height: 24px;
      text-align: left;
    }
    .ns-tr {
      border-bottom: 1px solid black;
    }
    .ns-th {
      box-sizing: border-box;
      padding: 8px;
      color: green;
      font-weight: 700;
      vertical-align: bottom;
    }
    .ns-td {
      box-sizing: border-box;
      padding: 8px;
      vertical-align: top;
    }
    

    我的问题是 th 40px . td 但是,正在渲染 41px 不遵守 border-box th box-sizing: border-box; 所有物

    Thx提前。

    0 回复  |  直到 6 年前