html - 为什么我的 Bootstrap 表会溢出包含卡？

Question

实际上，我正在尝试在引导卡中设置一个表格，问题是表格宽度超出了该卡，我会阻止它。该表是为每个 tr 的 1 th 和 96 td 制作的。

我试图将表格宽度设置为 100%，并将每个 td 设置为宽度的 1%，但我没有成功

这是表格代码:

 <div class="col-md-8">
                        <div class="card p-2">
                            <div class="card-body text-center" >
                                <div class="table-responsive">
                                <table class="table table-hover">
                                    <tbody>
                                          <asp:PlaceHolder ID="placeholder" runat="server"></asp:PlaceHolder>
                                    </tbody>
                                </table>
                                    </div>
                            </div>
                        </div>
                    </div>

Answer 1

问题在于 Bootstrap 应用的填充。它导致每个单元格的最小宽度为 24 像素。

.table.no-cellpadding td
  padding: 0;
}

Demo