Full-justify für li-Elemente

8

Wir haben ein adaptives Layout, bei dem einige Listenelemente horizontal angezeigt werden:

%Vor%

Offensichtlich kann ich einfach

einstellen %Vor%

Die Größe des Li ändert sich, wenn der Browser die Größe ändert. Wir möchten jedoch, dass die linke Kante des linken Li am linken Rand ausgerichtet wird und dass die rechte Li am rechten Rand ausgerichtet wird, auch wenn der Browser erweitert wird.

%Vor%

Gibt es eine Möglichkeit, dies mit reinem CSS zu tun?

    
Brad Herman 04.04.2012, 22:16
quelle

4 Antworten

17

Verwenden Sie diese Lösung (oder dieser ). Die Übersetzung dieser Antwort in eine Liste ergibt:

Auszeichnung:

%Vor%

Stylesheet:

%Vor%

Dies ist eine IE7 + -Lösung. Für IE7 benötigen Sie ein zusätzliches Element neben den Listenelementen.

    
NGLN 04.04.2012, 23:17
quelle
1

IMHO, verwenden Sie am besten CSS3 Flexboxes:

%Vor%     
VeroLom 11.10.2016 21:30
quelle
0

Ссылка

das ist, was ich so weit bekomme .. könnte ein Anfang für dich sein

HTML

%Vor%

CSS

%Vor%     
rmagnum2002 04.04.2012 22:57
quelle
0

Hi, du definierst den Text align justify in dir wie

css

%Vor%

HTML

%Vor%

Live-Demo hier Ссылка

    
Rohit Azad 05.04.2012 06:19
quelle

Tags und Links