gibt ein div mit "text-align: center" a "text-align: left" für verpackte Inhalte nur

Question

Mit CSS oder JQuery (CSS bevorzugt),

Ist es möglich, ein div zu nehmen (von 100% Breite), mit seinen Inhalten zentriert, und richten Sie alle Inhalte, die nach links wickeln?

Stellen Sie sich eine Reihe von Icons in Ihrem Browser vor. Wenn Sie die Breite Ihres Browsers reduzieren, anstatt die Symbole in der Mitte der zweiten Zeile zu umbrechen, möchte ich, dass sie nach links ausgerichtet werden.

Ich habe versucht, hier vor dem Posten zu suchen, konnte aber nichts finden, das genau zu meiner Frage passt.

Update:

@Explosion Pillen gelöst, aber hier ist ein JSFiddle aktualisiert, die andere Browser als IE und Chrome-Adressen von word-wrap: pre-wrap; auf die äußere Zugabe div: http://jsfiddle.net/etY4r/2/

Answer 1

Sie können dies tun, mit nur CSS (und ganz einfach). Die äußere div kann text-align: center und das innere div (mit den Symbolen) text-align: left mit display: inline-block sein:

http://jsfiddle.net/ExplosionPIlls/etY4r/

Die inline-block Elemente werden im Kontext des gesamten div zentriert, aber wenn Sie die Fenstergröße genug verringern sie wird bewirken, dass die Elemente innerhalb des inneren Elements selbst und nach links ausgerichtet werden.

Answer 2

$('.class').css('css property','alignment'); 

Beispiel:

$(document).ready(function(){ 
    $('.myClass').css('text-align','left'); 
    $('.myClass2').css('text-align','center'); 
    $('.myClass3').css('text-align','right'); 
}); 

css() funktioniert mit jeder CSS-Eigenschaft in diesem Format: D