Diese Frage wurde also immer wieder gestellt, aber ich bemerkte etwas anderes; siehe unten .
<ul>
festgelegt wird und nicht für <li>
; Dies wird oft erreicht, wenn * {zoom: 1}
Gibt es eine Idee, warum das Festlegen eines Layouts auf <ul>
das Aufzählungszeichen ändert?
Ich dachte, es könnte der Margin / Padding sein, aber Firebug in IE zeigt das gleiche w / | w / o hasLayout.
Versuchen Sie das oben in IE7 w / und ohne die zoom:1
.
Hinweis: , weil dies mit hasLayout anderen Versionen von IE behandelt sind wahrscheinlich betroffen.
Ich habe gefunden:
li {margin-left: 1em}
macht den Trick {margin-left:9px}
sehen Sie die Kante der rechten Kante des Geschosses Eine weitere interessante Sache ist, dass das Auslösen des HasLayouts auf dem Listenelement ( <li>
) das Geschoss an den unteren Rand des Textblocks bringt. Also, wenn Sie etwas wie *{zoom:1}
verwenden, müssen Sie Ihre li
am oberen Rand vertikal ausrichten: li{vertical-align:top}
Wegen der unterschiedlichen Aufzählungszeichen und Größen in Browsern und Browserversionen habe ich die Standardaufzählungszeichen nicht mehr verwendet und sie jetzt durch ein Bild ersetzt. Das behebt alle Probleme, die ich mit den Kugeln hatte, und Sie können Größe, Farbe und Form der Kugeln jetzt leicht ändern.
%Vor%Zum Drucken können Sie eine CSS-Datei hinzufügen, die die Standardaufzählungszeichen verwendet, da Bilder nicht immer gedruckt werden.
Dies funktioniert nicht für nummerierte Listen ( <ol>
), also vergiss nicht den ul css Selector
Tags und Links html css internet-explorer-7 haslayout