Wie verbreiten-Elemente horizontal gleichmäßig?

Ich habe eine div container auf meiner web-Seite mit fester Breite und enthält die Formular-Elemente für die Anmeldung. Unter diesen Elementen gibt es einen submit-button den link " Kennwort vergessen usw.

Ist es passiert, die Letzte Zeile Elemente benötigt weniger Breite als die box bietet. Wie verteilen Sie Sie gleichmäßig? Ich will nicht

  • Standard
| A B C | 
  • zentrieren Sie die Zeile wie
| A B C | 
  • noch table-layout
| A | B | C | 

Stattdessen bin ich auf der Suche für einige CSS-Weise zu erreichen:

| A B C | 

Ist:

  • ungefähr gleicher Abstand zwischen allen Elementen
  • center die ganze Sache zu vermeiden, die erste oder Letzte auf der Seite

edit:
Diese Antwort besten funktioniert. Ich erstellte Vorlagen für 2 oder 3 Elemente:

div.spread2evenly > div { 
display: inline-block; 
*display: inline; /* Für IE7 */
zoom: 1; /* Trigger hasLayout */
width: 50%; 
text-align: center; 
} 
  • Check meine Antwort auf -moz-inline-box (oder -moz-inline-stack ?). Auch, vergessen Sie nicht die Einschränkung, dass es keine Leerzeichen zwischen den </div><div> - tags. Zwischen diesem und dem klaren sowohl-Methode, sollten Sie haben was Sie brauchen.
Schreibe einen Kommentar