css - 表格单元格宽度比单元格内容宽

Question

我不明白为什么表格单元格的宽度比单元格的内容宽。

我希望 Artikel 列的宽度与内容对齐。我已经尝试过设置 th 宽度 - 但这是固定的，并且与内容不一致。还有其他解决办法吗？

我的例子是here

Answer 1

这是因为 bootstrap.min.css 中的 table 类，如下所示。

.table {
    width: 100%;
    margin-bottom: 20px;
}

因此，如果您删除 table 类，结果将按需提供。

Codepen Demo