HTML-Entität für den mittleren Punkt


192

Ich suche den HTML-Code für den Punkt. Nicht der Punkt am Ende von Sätzen, sondern der Punkt, mit dem Elemente horizontal getrennt werden.

Item 1 . Item 2 . Item 3

Der traditionelle Punkt wird am unteren Rand der Linie zentriert, während der gesuchte Punkt in der Mitte zentriert wird.


3
Blättern Sie nach unten dies .
Schnee

Antworten:



317

Es gibt tatsächlich sechs Varianten davon:

    Zeichen Beschreibung Unicode HTML HTML Entität utf-8

    · Mittlerer Punkt U + 00B7 & # 183; & middot; C2 B7
    • Aufzählungszeichen U + 2022 & # 8226; &Stier; E2 80 A2
    ‧ Silbentrennungspunkt U + 2027 & # 8321; E2 80 A7
    ∙ Bullet Operator U + 2219 & # 8729; E2 88 99
    ● Schwarzer Kreis U + 25CF & # 9679; E2 97 8F
    ⬤ Schwarzer großer Kreis U + 2B24 & # 11044; E2 AC A4

Abhängig von Ihrer Anzeigeanwendung oder Schriftart scheint der Aufzählungszeichen-Operator entweder dem mittleren Punkt oder dem Aufzählungszeichen sehr ähnlich zu sein.


1
Nebenbei bemerkt, der Standard list-style: disc(und text-security: discfür Passwortfelder verwendet) scheint das Bullet zu sein •.
Shaun Cockerill

Können wir die Farbe dieses Punktes ändern?
Satya

1
@ Satya, sie sind nur Text. Farbe weg.
Isherwood

Vielen Dank für das Detail! Genau das, was ich wissen musste.
Xonatron

136

Meinen Sie Bulletpoints? • • •

•

1
Neugierig, wie unterscheidet sich das vom mittleren Punkt?
Xonatron

8
@ Xonatron Mittlerer Punkt ist viel kleiner.
PinkTurtle


25

Das semantisch korrekte Zeichen ist der Interpunct , auch als mittlerer Punkt bekannt , als HTML-Entität

·

Beispiel

Startseite · Fotos · Über


Sie können das Aufzählungszeichen auch als HTML-Entität verwenden

•

Beispiel

Startseite • Fotos • Über



0

Dies kann einfach mit durchgeführt werden ·. Sie können den Punkt entsprechend den Tags, mit denen Sie ihn einwickeln, einfärben oder in der Größe anpassen. Versuchen Sie beispielsweise, dies auszuführen

<h2> I &middot; love &middot; Coding </h2>
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.