固定幅のdivに要素を広げますか？

Question

要素を広める方法はありますか（例：u003Cli>内側にu003Cul>）、div内？

例：私は3つの要素を持っているので、それらはすべて30％を取得します

例：私は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、

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