如何阻止表的边框崩溃更改肢体大小?

时间:2019-08-28 20:51:13

标签: css

我正在业余研究CSS,引起我注意的是tableborder-collapse: collapse会误用tbody。 例如,带有table的100x100 border: 1px solid将获得与左上方对齐的99x99 tbody,而不是居中的98x98或100x100。 https://i.imgur.com/IpKhoF9.png

我正在寻找一种仅CSS 方式,以使tbody的大小与table相同或使其居中/对称,而无需更改tbodydisplay属性。

border-collapse: separateborder-spacing: 0结合在一起可以解决问题,但我希望尽可能保留border-collapse: collapse,因为很遗憾,我现在还不很成熟。

先谢谢了。

table {
  box-sizing: border-box;
  border: 1px solid #525252;
  border-collapse: collapse;
  width: 100px;
  height: 100px;}
td {
  padding: 0;
  width: 100%;
  height: 100%;
  background-color: #f0f0f0;}
<table>
  <tbody>
    <tr>
      <td>
      </td>
    </tr>
  </tbody>
</table>

0 个答案:

没有答案