Comment espacer correctement les divs (chacun d'une largeur différente) à l'intérieur d'un div parent?

J'ai vu cette solution pour espacer uniformément DIVs: ( Liquide de largeur espacés de façon égale, les DIVs ), mais il exige que les DIVs sont toutes de la même largeur. Cela ne fonctionne pas dans mon cas. J'ai 5 DIVs qui sont tous de différentes largeurs et tiens à les espacer uniformément. Est-ce possible sans javascript?

Par exemple:

<!-- The text should not wrap, but be on one line for each div -->
<div class="item" id="item1">Item One</div>
<div class="item" id="item2">Item # Two</div>
<div class="item" id="item3">Item Three</div>
<div class="item" id="item4">Item Four</div>
<div class="item" id="item5">Item Five, the Last</div>

J'en ai besoin pour travailler dans IE8+, Firefox 4+, Chrome, Safari.

EDIT: Une autre exigence: les divs ne devrait avoir aucun espace à droite de la dernière DIV ou à gauche de la première DIV. Donc, l'espace entre eux est égal à la différence entre la somme des largeurs et de la largeur de la div conteneur.

Définir "l'espace de façon uniforme"
la même quantité d'espace blanc entre les bords de chaque DIV
Si c'est vraiment votre seule exigence, il suffit d'utiliser la même gauche/droite de la marge pour chaque, et de désactiver la marge de gauche pour la plus à gauche de, à droite de la marge pour la plus à droite.
Comment pourrais-je le faire si je ne connais pas la div à l'largeurs à l'avance (puisque chaque navigateur rend le texte un peu différentes largeurs de même avec "px")?
comment pouvez-vous définir la largeur de l'intérieur de la balise div et le div conteneur?

OriginalL'auteur Don Rhummy | 2014-02-06