Html 在另一个div的整个长度上均匀划分div

我有：

正如你所见，它的编号是1-16。这列火车有16根车轴。 但是，您也可以向右滚动，因为它下面有文本字段。 但当我向右滚动时：

您可以看到，编号不占整个可压缩分区的100%。我如何做到这一点，以便轴nr 1/16从左到右均匀划分？？ 黑匣子就是火车

代码：

---

我看到您正在将轴渲染为的。如果您只是将宽度设置为100%，它应该填充整个屏幕的宽度

table{
    width: 100%;
}

---

如果这不是你想要的，我一定是误解了你想要的。如果是，请提供一些额外的信息。

我们真的需要一个输出HTML的简单示例来帮助我们轴的数量是否总是相同？@DarkAshelin No.paulie_D你是什么意思？？一切都在这里xD@Mitch您已经提供了PHP…我们需要输出HTML来理解您正在尝试执行的操作。

#axle_bogie_border {
    background-image: url("../Images/add_train.png");
    background-repeat: repeat-x;
    background-position: top;
    background-size: 30%;
    border: 2px solid black;
    width: 98%;
    height: auto;
    overflow-x: scroll;
    overflow-y: scroll;
    white-space: nowrap;
    display: inline-block;
}

#axle_figure {
    display: inline-block;
    margin-top: 10%;
    width: 27px;
    height: 27px;
    background: orange;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

#show_axles table{
    margin-top: 11%;
    margin-left: auto;
    margin-right: auto;
}

#show_bogies {
    margin-left: auto;
    margin-right: auto;
}

table{
    width: 100%;
}