Ich möchte Disc-Aufzählungszeichen in meiner horizontalen Liste anzeigen.
Ich weiß, dass, sobald wir in CSS definiert haben: display: inline; , die Klassendefinition: list-style-type: disc funktioniert nicht.
Also das war meine Lösung:
%Vor% Ich habe den Symbol-Disc-Punkt manuell in meine horizontale Liste eingefügt und dann habe ich das in meinem Kopf-Abschnitt erklärt: <meta http-equiv="content-type" content="text/html;charset=utf-8" /> .
In meiner Coda Editor Vorschau sehen sie gut aus, aber wenn ich versuche es zu browsen, bekomme ich das.
Warum? Wie kann ich das Problem herausfinden? Was ist die beste Lösung, um Disc-Aufzählungszeichen in einer horizontalen Liste anzuzeigen?
Das Problem mit Ihrem Ansatz ist zweifach. Erstens ist das Zeichen "·", das Sie verwenden, keine Kugel. Es ist der MIDDLE DOT mit Mehrfachnutzung, hauptsächlich als Trennzeichen in Texten. Das BULLET "•" - Zeichen ist besser geeignet. Zweitens deklarieren Sie UTF-8, was in Ordnung ist, aber dann muss das Dokument UTF-8-codiert in der Realität sein, und es ist anscheinend (eher, von hier aus gesehen, ist es wahrscheinlich Windows-1252 kodiert).
> Aber als eine schnelle Lösung, die keine Lösung für das Codierungsproblem erfordert, können Sie BULLET unter Verwendung des Entitätsverweises • , z. <li>• EN</li> .
Natürlich gibt es auch andere Ansätze. Aber wenn Sie display: inline setzen, dann erzeugen Browser keine Aufzählungszeichen, da sie das nur für Elemente tun, deren display: list-item ist. Sie müssten die Aufzählungszeichen in den Elementinhalt einfügen oder generierten Inhalt verwenden (mit dem Pseudoelement :before ).