list - 要素を固定幅の div に広げますか?

Question

要素を広げる方法はありますか (例: <ul> 内の <li>)、div 内ですか?

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;

繰り返しになりますが、質問が出されてからわずか5年後に回答した私のbは、

しかし、私は夜にこの（エレガントな）解決策を発見し、参考のために共有し、一般的な福祉と知識を共有しました.