Javascript 如何在div的垂直列表上执行“nowrap”

我使用的是内联块div列表：

<div class="row" style="border:1px solid;width:40%;overflow:hidden">
  <div style="display:inline-block">A</div>
  <div style="display:inline-block">B</div>
  <div style="display:inline-block">C</div>
  <div style="display:inline-block">D</div>
  <div style="display:inline-block">E</div>
  <div style="display:inline-block">F</div>
</div>

看

当我调整浏览器的大小时，列表中的字母之间保持相同的空格，但当我将其调整到太小时，字母开始换行

我怎样才能在列表中强制nowrap 如何使字母均匀分布，以获取父宽度的全部范围？ 使用显示：表格单元格，它不会换行。 给它们的宽度都在15%左右，

---

1在隐藏溢出的父容器上设置一个高度-通过这种方式-视觉-字母不会缠绕

2使用文本对齐：使用伪元素对齐以对齐字母

---

我对问题2仍有疑问。当我调整窗口大小时，在右边的示例中，字母不均匀分散，F不与右边框对齐@user3369398您可以通过将父对象的显示设置为display:table并使所有具有display:table单元格的子对象具有文本对齐：居中来实现这一点。看见

.row
{
    border:1px solid;
    width:40%;
    height: 18px;
    overflow:hidden;
    text-align:justify;
}
.row:after
{
    content:'';
    display:inline-block;
    width: 100%;
}
.row div
{
    display:inline-block;
}