Distribuire gli elementi su un div a larghezza fissa?

Question

Esiste un modo per distribuire gli elementi (ad esempio:<li> è all'interno di un <ul>), all'interno di un div?

PER ESEMPIO:Ho 3 elementi, quindi ottengono tutti il ​​30%

PER ESEMPIO:Ho 5 elementi, quindi ottengono il 20%

Qual è il modo migliore per farlo?

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

Imposta una larghezza esplicita degli elementi figlio e spostali a sinistra o a destra di conseguenza.

Answer 3

display: inline-table;

ancora una volta, la mia risposta è avvenuta solo 5 anni dopo la domanda,

ma ho scoperto questa (elegante) soluzione per la notte e la condivido per motivi di riferimento, nonché per il benessere e la conoscenza generale.