javascript - 如何在 DIV 的垂直列表上执行 "nowrap"

Question

我正在使用内联 block 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>

参见 jsfiddle demo

当我调整浏览器大小时，列表在字母之间保持相同的间距，但当我将其调整得太小时，字母开始换行。

1. 如何在列表中强制进行 nowrap
2. 我怎样才能均匀地分散字母以占据父级宽度的全部范围？

Answer 1

1. 使用 display:table-cell ，它不会换行。
2. 将它们的宽度都设置为 15% 左右，

Working Fiddle