在固定宽度的div上展开元素？

Question

有没有办法在div中分散元素（例如：＆lt; li＆gt;在＆lt; ul＆gt;内）？

EG：我有3个元素，所以他们都得到30％

EG：我有5个元素，所以他们得到20％

这样做的最佳方式是什么？

Answer 1

html,
body {
  padding: 0;
  margin: 0;
}
ul.flatList {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.flatList li {
  width: 33.3%;
  display: inline;
  float: left;
  text-align: center;
}

<ul class="flatList">
  <li>left</li>
  <li>middle</li>
  <li>right</li>
</ul>

Answer 2

设置子元素的显式宽度，并相应地向左或向右浮动它们。

Answer 3

display: inline-table;

再次，我的b在问题被问到后仅回答了5年，

但是我发现这个（优雅的）夜间解决方案并分享它以供参考，以及一般的福利和知识。