我有一个位于 Bootstrap 列中心的 HTML 表格，但是当屏幕尺寸太小时，即使它的左侧有可用空间，它也会被截断。此外，各个单元格之间似乎还有一些额外的空间。
cellspacing="0" 无效。
在我的代码中使用媒体查询，随着屏幕变小(以及字体)，我减小了表格的大小。示例:
@media (max-width: 560px) {
body {
font-size: 20px;
}
table {
width: 280px!important;
font-size: 18px;
}
}
尽管我为表格使用了 margin: auto，但当屏幕很小时，表格似乎并没有居中。
Here是我的 HTML 页面，您可以在其中看到表格(如果减小窗口大小，您将看到表格何时跨越列边界)。我的字体/宽度是否太大而不适合空间，或者是否可以通过将其居中并移除一些单元格间距来适应它？
最佳答案
你试过添加 width:100% 吗？
关于html - 如何使 HTML 表格适合提供的空间？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45292429/