html - 我表格的右边框没有在最后一列的边框处结束

Question

我的右侧表格边框比最后一列更远(浅灰色线是我的边框)，请参见下图:

这是表格的CSS代码:

        table.tableizer-table {
            font-size: 12px;
            border: 1px solid #CCC;
            font-family: Arial, Helvetica, sans-serif;
        }

td 和 th，见下:

        .tableizer-table td {
            padding: 4px;
            margin: 3px;
            border: 1px solid #CCC;
        }

        .tableizer-table th {
            background-color: #1e73be;
            color: #FFF;
            font-weight: bold;
        }

HTML:

<table style="display:none;" class="tableizer-table" id="tableMonths">

这是我在 JS 中所做的:

document.getElementById('tableMonths').style.display = 'block';

有谁知道为什么会出现这个问题？

Answer 1

看起来您在代码中其他地方的表格上有“显示: block ”，这使其占据了整个宽度。尝试检查它并将值更改为“内联”。