CSS verwendet das Attribut list-style-type, um hinter dem Text angezeigt zu werden

Das CSS verwendet das Attribut list-style-type, um es hinter dem Text anzuzeigen

Was ist das Problem mit dem schwarzen Punkt, der beim Datum angezeigt wird?

Im ersten Fall ändern Sie list-style-position:outside; andernfalls fügen Sie es hinzu.

Methode 2: Lassen Sie einen Platz für die Anzeige des Listensymbols im Fall von list-style-position:outside; fügen Sie beispielsweise ein Attribut zu li margin-left: 50px hinzu ; In beiden Fällen löschen Sie einfach das schwebende Element float.

Erweiterung: Listenstiltyp: Listenstil definieren
Scheibe: Punkt
Kreis: Kreis
Quadrat: Quadrat
Dezimalzahl: Zahl, z. B. 1, 2 , 3,,....,11,12,13
decimal-leading-zero: Dezimalzahl, weniger als zwei Ziffern werden mit führender 0 aufgefüllt, zum Beispiel: 01, 02, 03, ..., 98 , 99
Kleinroman: römische Kleinbuchstaben, wie zum Beispiel: i, ii, iii, iv, v, ...
Großroman: römische Großbuchstaben, wie zum Beispiel: I, II, III, IV , V, ... .
Niederlateinisch: griechische Kleinbuchstaben, zum Beispiel: α(alpha), β(beta), γ(gamma), ...
Niederlateinisch: lateinische Kleinbuchstaben, zum Beispiel: a, b, c , ... z
upper-latin: lateinische Großbuchstaben, zum Beispiel: A, B, C, ... Z
armenisch: armenische Ziffern
georgisch: georgische Ziffern , zum Beispiel: an, ban, gan , ..., he, tan, in, in-an, ...
Kleinbuchstaben: Kleinbuchstaben Latein, zum Beispiel: a, b, c, ... z
Großbuchstaben: Lateinischer Text in Großbuchstaben, zum Beispiel: A, B, C, ... Z
keine: Keine (alle Listenstile abbrechen)
erben: erben
Benutzerdefiniertes Bild: Liste- style:square inside url

Abkürzungsregeln: list-style:square inside url('arrow.gif'); Das blaue Quadrat vorne ist das Listensymbol list-style-type, das rote innen im Die Mitte ist der Listenstil-Positionsfinder und die letzte ist der Listenstil-Positionsfinder. Die grüne URL ist der Bildpfad Listenstil-Bild. Wenn dieses Bild vorhanden ist, wird es überschrieben das vorherige Quadrat. Wenn es nicht existiert, wird es mit Quadrat angezeigt.

.cen5 li a{display:inline-block;width:480px;height:20px;line-height:20px;margin-top:3px}
.ileft{display:inline-block}

Sie können einen schwarzen Punkt vor den Text schreiben oder ein Bild hochladen, z. B.

Das obige ist der detaillierte Inhalt vonCSS verwendet das Attribut list-style-type, um hinter dem Text angezeigt zu werden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!