Html 如何在引导表中设置表格单元格的宽度和高度

我不明白如何引导表格单元格的宽度大于我通过外部样式和表格单元格内联的宽度、最小宽度和最大宽度样式设置的宽度。我将宽度设置为150px，但实际宽度为218.25px

table{table-layout:fixed;}
td, th{
width:150px !important;
height:75px !important;
max-width:150px !important;
max-height:75px !important;
min-width:150px !important;
min-height:75px !important;
}

以下是JSFIDLE：

下面的屏幕截图说明了我的问题：

---

Bootstrap

将

表设置为100%宽度，因此您需要覆盖它。以下是我所做的：


表格{
表布局：固定；
宽度：继承！重要；
}
td，th{
宽度：150px！重要；
高度：75px！重要；
最大宽度：150px！重要；
最大高度：75px！重要；
最小宽度：150px！重要；
最小高度：75px！重要；
}

#
弗斯特
最后
手柄
1.
做记号
奥托
@mdo
2.
雅各布
桑顿
@肥
3.
小鸟拉里
@推特
谢谢，你的方法让我离你更近了——但奇怪的是，现在我似乎无法控制细胞的高度。现在设置的宽度是150px，但高度是100px，而不是设置的75px。是否希望每个框都是150px X 75px（包括
thead
）？是。样式规则不应该做到这一点吗？我已经更新了我的答案和描述，所以请测试它，让我知道它是否有效！