Etaler éléments sur une div de largeur fixe?

StackOverflow https://stackoverflow.com/questions/1585273

  •  22-09-2019
  •  | 
  •  

Question

Y at-il moyen de répartir les éléments,? (Par exemple:

  • 's dans un
      ), dans un div

      EG: J'ai 3 éléments, donc ils ont tous obtenir 30%

      EG: J'ai 5 éléments, donc ils obtiennent 20%

      Quelle est la meilleure façon de le faire?

    • Était-ce utile?

    La solution 

    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>

    Autres conseils

    Définir une largeur explicite des éléments enfants et flotter à gauche ou à droite en conséquence. 

    display: inline-table;

    encore une fois, mon b à répondre à seulement 5 ans après a posé la question,

    mais j'ai découvert cette solution (élégante) de nuit et de le partager pour l'amour de référence, et le bien-être général et de la connaissance.

    Licencié sous: CC-BY-SA avec attribution
    Non affilié à StackOverflow
    scroll top