Wie verwenden Sie die CSS- content
Eigenschaft, um HTML- Entitäten hinzuzufügen ?
Wenn Sie so etwas verwenden, wird nur
auf dem Bildschirm gedruckt , anstatt den nicht unterbrechenden Bereich:
.breadcrumbs a:before {
content: ' ';
}
html
css
html-entities
css-content
nickf
quelle
quelle
:after
zu verwenden, um beispielsweise den Sortierindikator asc / desc für eine sortierte Spalte festzulegen.Antworten:
Sie müssen den maskierten Unicode verwenden:
Mögen
Weitere Informationen unter: http://www.evotech.net/blog/2007/04/named-html-entities-in-numeric-order/
quelle
'>\a0'
genügt.'>\a0 bc'
wird angezeigt> bc
.CSS ist kein HTML.
ist eine benannte Zeichenreferenz in HTML; entspricht der dezimalen numerischen Zeichenreferenz 
. 160 ist der dezimale Codepunkt desNO-BREAK SPACE
Zeichens in Unicode (oder UCS-2 , siehe HTML 4.01 Specification ). Die hexadezimale Darstellung dieses Codepunkts ist U + 00A0 (160 = 10 × 16 1 + 0 × 16 0 ). Sie werden , dass in dem Unicode finden - Code Charts und Character Database .In CSS müssen Sie für solche Zeichen eine Unicode-Escape-Sequenz verwenden, die auf dem Hexadezimalwert des Codepunkts eines Zeichens basiert. Also musst du schreiben
Dies funktioniert, solange die Escape-Sequenz in einem Zeichenfolgenwert an letzter Stelle steht. Wenn Zeichen folgen, gibt es zwei Möglichkeiten, um Fehlinterpretationen zu vermeiden:
a) (von anderen erwähnt) Verwenden Sie genau sechs hexadezimale Ziffern für die Escape-Sequenz:
b) Fügen Sie nach der Escape-Sequenz ein Leerzeichen (z. B. Leerzeichen) hinzu:
(Da
f
es sich um eine hexadezimale Ziffer handelt,\a0f
würde diesGURMUKHI LETTER EE
hier andernfalls bedeuten , oder ਏ, wenn Sie eine geeignete Schriftart haben.)Der abgrenzende Leerraum wird ignoriert und angezeigt
foo
, wobei der hier angezeigte Bereich einNO-BREAK SPACE
Zeichen ist.Der White-Space-Ansatz (
'\a0 foo'
) bietet gegenüber dem sechsstelligen Ansatz ('\0000a0foo'
) folgende Vorteile :Um ein Leerzeichen nach einem maskierten Zeichen anzuzeigen, verwenden Sie zwei Leerzeichen im Stylesheet.
- oder machen Sie es explizit:
Weitere Informationen finden Sie in CSS 2.1, Abschnitt "4.1.3 Zeichen und Groß- / Kleinschreibung" .
quelle
white-space
CSS-Eigenschaft nichts anderes deklariert.white-space: normal
.NO-BREAK SPACE
Zeichen, daher habe ich die Escape-Sequenz dafür verwendet. Sie können eine andere Escape-Sequenz auswählen. Bei Bedarf können Sie auch deklarierenwhite-space: nowrap
.Update : PointedEars erwähnt, dass der richtige Ersatz
in allen CSS-Situationen bedeuten würde'\a0 '
, dass das Leerzeichen ein Terminator für die Hex-Zeichenfolge ist und von der maskierten Sequenz absorbiert wird. Er wies ferner auf diese maßgebliche Beschreibung hin, die nach einer guten Lösung für das Problem klingt, das ich unten beschrieben und behoben habe.Sie müssen lediglich den maskierten Unicode verwenden. Trotz allem, was Ihnen gesagt wurde,
\00a0
ist dies kein perfekter Ersatz für
CSS. also versuche:Speziell mit
\0000a0
als
. Wenn Sie es versuchen, wie von Mathieu und Millikin vorgeschlagen:Es nimmt das B in die hexadezimalen Zeichen. Gleiches gilt für 0-9a-fA-F.
quelle
'\a0 Break'
.'\0000a0Break'
ist nicht zuverlässig.In CSS müssen Sie anstelle von HTML-Entitäten eine Unicode-Escape-Sequenz verwenden. Dies basiert auf dem Hexadezimalwert eines Zeichens.
Ich fand heraus, dass der einfachste Weg, ein Symbol in sein hexadezimales Äquivalent umzuwandeln, beispielsweise von ▾ (
▾
) bis\25BE
die Verwendung des Microsoft-Rechners =) ist.Ja. Aktivieren Sie den Programmierermodus, schalten Sie das Dezimalsystem ein, geben Sie es ein
9662
und wechseln Sie dann zu hex25BE
. Fügen Sie\
dann am Anfang einfach einen Backslash hinzu .quelle
\25B8
▸
▸
) ftw. Weitere Informationen finden Sie auch unter en.wikipedia.org/wiki/Geometric_Shapes .Verwenden Sie den Hex-Code für ein nicht unterbrechendes Leerzeichen. Etwas wie das:
quelle
Es gibt eine Möglichkeit, eine
nbsp
geöffnete CharMap einzufügen und das Zeichen 160 zu kopieren . In diesem Fall würde ich es jedoch wahrscheinlich mit einer Polsterung wie folgt ausräumen:Möglicherweise müssen Sie jedoch die Semmelbrösel
display:inline-block
oder etwas anderes einstellen .quelle
Beispielsweise :
http://character-code.com/arrows-html-codes.php
Beispiel: Wenn Sie Ihren Charakter auswählen möchten, habe ich "& # 8620" "& # x21ac" ausgewählt (wir verwenden HEX- Werte).
Ergebnis: ↬
Das ist es :)
quelle
Ich weiß, dass dies ein ziemlich alter Beitrag ist, aber wenn Sie nur Abstand haben, warum nicht einfach:
Ich habe diese Methode schon einmal benutzt. Bei meinen Tests wird es mit ">" an der Seite perfekt in andere Zeilen eingefügt.
quelle
Hier sind zwei Möglichkeiten:
In HTML:
<div class="ics">⛱</div>
Dies führt zu ⛱
In CSS:
.ics::before {content: "\9969;"}
mit HTML-Code
<div class="ics"></div>
Dies führt auch zu ⛱
quelle