geben Sie ein div-Element mit "text-align: center" "text-align: left" für die umschlossenen Inhalt nur
Mithilfe von CSS-oder JQuery-CSS (bevorzugt),
Ist es möglich, ein div (100% Breite), mit dessen Inhalt zentriert, und richten Sie alle Inhalte, die wickeln um die linke?
Stellen Sie sich eine Reihe von icons zentriert im browser. Wenn Sie verringern Sie die Breite Ihres browser, anstatt gewickelt icons die Anzeige in der Mitte der zweiten Zeile, ich möchte, dass Sie Linksbündig.
Ich habe versucht, auf der Suche hier vor dem posten, konnte aber nichts finden, die exakt meine Frage.
Update:
@Explosion Pillen gelöst, aber hier ist eine aktualisierte JSFiddle, die Adressen zu anderen Browsern als IE und Chrome durch hinzufügen word-wrap: pre-wrap;
zu den äußeren div
: http://jsfiddle.net/etY4r/2/
- und ich habe versucht, so weit, ist .....
Du musst angemeldet sein, um einen Kommentar abzugeben.
Können Sie dies mit CSS (und ganz einfach). Der äußere div-kann
text-align: center
und die inneren div (mit den icons)text-align: left
mitdisplay: inline-block
:http://jsfiddle.net/ExplosionPIlls/etY4r/
Den
inline-block
Elemente sind zentriert in den Kontext des gesamten div, aber wenn Sie verringern Sie die Größe des Fensters genug, es wird dazu führen, die Elemente zu wickeln in der inneren-element selbst, und Sie sind Links ausgerichtet.inline-block
im IE7 gilt nur für Elemente, die sinddisplay: inline
standardmäßig. Versuchen Sie es zu einem<span>
Beispiel:
.css () - funktioniert mit jeder css-Eigenschaft, die in diesem format 😀