Espalhe os elementos sobre uma divisão de largura fixa?

Question

Existe uma maneira de espalhar elementos (por exemplo:u003Cli> está dentro de umu003Cul> ), dentro de uma div?

Por exemplo: eu tenho 3 elementos, então todos recebem 30%

Por exemplo: eu tenho 5 elementos, então eles recebem 20%

Qual é a melhor maneira de fazer isso?

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

Defina uma largura explícita dos elementos da criança e flutue para a esquerda ou para a direita.

Answer 3

display: inline-table;

Novamente, meu B ao responder apenas 5 anos após a pergunta foi feita,

Mas descobri essa solução (elegante) para a noite e compartilhá -la por uma questão de referência e o bem -estar e o conhecimento geral.