Verwenden von CSS oder JQuery (CSS bevorzugt),
Ist es möglich, ein div (von 100% Breite) zu nehmen, dessen Inhalt zentriert ist, und alle Inhalte, die nach links gehen, auszurichten?
Stellen Sie sich eine Reihe von Icons vor, die in Ihrem Browser zentriert sind. Wenn Sie die Breite Ihres Browsers reduzieren, anstatt die Symbole in der Mitte der zweiten Zeile einzufügen, möchte ich, dass sie nach links ausgerichtet werden.
Ich habe versucht, hier vor dem Posten zu suchen, konnte aber nichts finden, was genau zu meiner Frage passt.
Aktualisierung:
@Explosion Pills hat es gelöst, aber hier ist ein aktualisierter JSFiddle, der andere Browser als IE und Chrome anspricht, indem word-wrap: pre-wrap; zur äußeren div hinzugefügt wird: Ссылка
Sie können dies mit nur CSS (und ganz einfach) tun. Das äußere div kann text-align: center und das innere div (enthält die Symbole) text-align: left mit display: inline-block :
Die Elemente inline-block sind im Kontext des gesamten div zentriert, aber wenn Sie die Fenstergröße ausreichend verringern, werden die Elemente innerhalb des inneren Elements selbst umgebrochen und sie werden nach links ausgerichtet.
Beispiel:
%Vor%.css () funktioniert mit jeder CSS-Eigenschaft in diesem Format: D