html - 显示 : table-cell same space for all cells

Question

display: table-cell; 和单元格之间的空间有问题。我希望所有单元格具有动态相同的宽度。

参见 JSFiddle

"Ausstattung & Skizze" 比其他的要宽得多。有没有办法为所有单元格动态设置相同的宽度？

Answer 1

您可以在包含 display:table; 的父元素上使用 table-layout:fixed;

ul{
  display: table;
  width: 700px;
  table-layout: fixed;
}

这样，如果您不强制设置每个单元格的宽度，则无论您在一行中有多少个单元格，每个单元格都将获得相同的宽度。

(编辑:查看此 JSfiddle http://jsfiddle.net/m8evqnv0/ )