Php 为什么HTML表格的列宽小于所需的列宽？

我正在使用PHP

echo

动态地向HTML表输入更改条目。但当我打开包含该表的页面时，它有时会完美地加载，有时会以一种特殊的方式呈现。这里有什么问题

编辑：这是我的代码

HTML/PHP

<div class="my-table-container">
    <table>
            <tr>
                    <th>Rank</th>
                    <th>School Code</th>
                    <th>Level</th>
                    <th>Time Completed</th>
            </tr>
            <?php
                    $rank = 1;
                    for($x=0;$x<$no;$x++)
                    {
                        echo "<tr>";
                        echo "<td>".$rank."</td>";
                        echo "<td>".$arr[$x]['scl_name']."</td>";
                        echo "<td>".$arr[$x]['lvl']."</td>";
                        echo "<td>".$arr[$x]['tlc']."</td>";
                        echo "</tr>";
                        $rank++;
                    }
            ?>
    </table>
</div>

加

要么是整个内容，要么只是第一行，这样标题就不会被压扁

另外，不要用%来填充，而是用一个固定的数字，比如4px

.my table container{
背景：#eaf7ee；
边框：1px实心#c6d9ce；
填充：3%；
垫底：2%；
保证金：0px自动；
弹性基准：50%；
文本对齐：居中；
利润率最高：4%；
利润底部：4%；
}
.my table容器表{
背景色：白色；
保证金：0px自动；
边界塌陷：塌陷；
}
表，th，td{
边框：1px纯黑；
}
th，td{
填充：4%；
字体大小：20px；
字体系列：“Lato”，无衬线；
文本对齐：居中；
垂直对齐：中间对齐；
}

等级
校规
水平仪
完成时间

请发布代码。不是截图。我们需要先看看你做了什么。在JS Fiddle中查看：问题在于填充：TR/TD上的4%。@progym是的，填充百分比似乎是问题所在。谢谢：）你改变了什么？是否添加单元格填充？空白部分没有帮助。我想问题出在%的填充上。谢谢：您是否将空白添加到了。我的表格容器表格？是的，我在那里添加了它。它只是减少了表格单元格中的填充。然而，我的问题已经解决了！

.my-table-container{
    background : #eaf7ee;
    border : 1px solid #c6d9ce;
    padding : 3%;
    padding-bottom : 2%;
    margin : 0px auto;
    flex-basis : 50%;
    text-align : center;
    margin-top: 4%;
    margin-bottom: 4%;
}

.my-table-container table{
    background-color: white;
    margin: 0px auto;
    border-collapse: collapse;
}

table,th,td{
    border : 1px solid black;
}

th,td{
    padding: 4%;
    font-size: 20px;
    font-family: 'Lato', sans-serif;
    text-align: center;
    vertical-align: middle;
}

white-space: nowrap;