W jaki sposób używasz właściwości CSS content
do dodawania jednostek HTML ?
Używanie czegoś takiego po prostu drukuje
na ekranie zamiast nieprzerwanej przestrzeni:
.breadcrumbs a:before {
content: ' ';
}
html
css
html-entities
css-content
pseudonim
źródło
źródło
:after
do ustawiania, na przykład, wskaźnika sortowania asc / desc w posortowanej kolumnie jest całkowicie akceptowalne (i dobra forma) .Odpowiedzi:
Musisz użyć uciekającego Unicode:
Lubić
Więcej informacji na: http://www.evotech.net/blog/2007/04/named-html-entities-in-numeric-order/
źródło
'>\a0'
wystarczy.'>\a0 bc'
wyświetla się> bc
.CSS to nie HTML.
jest nazwanym odwołaniem do znaku w HTML; równoważne odwołaniu do dziesiętnego znaku numerycznego 
. 160 jest dziesiętny punkt kodowy zNO-BREAK SPACE
charakterem w Unicode (lub UCS-2 ; patrz HTML 4.01 Specification ). Szesnastkowa reprezentacja tego punktu kodowego to U + 00A0 (160 = 10 × 16 1 + 0 × 16 0 ). Znajdziesz to w tabelach kodów Unicode i bazie danych znaków .W CSS musisz używać sekwencji unikowej Unicode dla takich znaków, która jest oparta na wartości szesnastkowej punktu kodowego znaku. Więc musisz pisać
Działa to tak długo, jak sekwencja ucieczki jest ostatnią wartością ciągu. Jeśli postacie podążają za nimi, istnieją dwa sposoby uniknięcia błędnej interpretacji:
a) (wspomniane przez innych) Użyj dokładnie sześciu cyfr szesnastkowych dla sekwencji ucieczki:
b) Dodaj jeden biały znak (np. spację) po sekwencji ucieczki:
(Ponieważ
f
jest cyfrą szesnastkową, w\a0f
przeciwnym razie oznaczałoby toGURMUKHI LETTER EE
tutaj lub ਏ, jeśli masz odpowiednią czcionkę.)Ograniczająca biała spacja zostanie zignorowana i zostanie wyświetlona
foo
, gdzie wyświetlana tu spacja będzieNO-BREAK SPACE
znakiem.Metoda białych
'\a0 foo'
znaków ( ) ma następujące zalety w stosunku do metody sześciocyfrowej ('\0000a0foo'
):Dlatego, aby wyświetlić spację po znaku ucieczki, użyj dwóch spacji w arkuszu stylów -
- lub wyraźnie:
Szczegóły w CSS 2.1, sekcja „4.1.3 Znaki i wielkość liter” .
źródło
white-space
właściwość CSS zadeklaruje inaczej.white-space: normal
.NO-BREAK SPACE
znak, więc użyłem do niego sekwencji ucieczki. Możesz wybrać dowolną inną sekwencję ucieczki; w razie potrzeby możesz też zadeklarowaćwhite-space: nowrap
.Aktualizacja : PointedEars wspomina, że poprawne zastąpienie
we wszystkich sytuacjach css oznaczałoby,'\a0 '
że spacja jest terminatorem łańcucha szesnastkowego i jest pochłaniana przez sekwencję zmiany znaczenia. Następnie zwrócił uwagę na ten autorytatywny opis, który brzmi jak dobre rozwiązanie problemu, który opisałem i naprawiłem poniżej.Musisz użyć uciekającego Unicode. Pomimo tego, co powiedziano,
\00a0
nie jest to idealna alternatywa dla
CSS; więc spróbuj:W szczególności
\0000a0
jako
. Jeśli spróbujesz, jak sugerują Mathieu i Millikin:Przenosi B do znaków ucieczki heksów. To samo dzieje się z 0-9a-fA-F.
źródło
'\a0 Break'
. nie'\0000a0Break'
jest wiarygodny.W CSS musisz użyć sekwencji ucieczki Unicode zamiast Encji HTML. Jest to oparte na wartości szesnastkowej znaku.
Odkryłem, że najłatwiejszym sposobem przekonwertowania symbolu na ich szesnastkowy odpowiednik jest na przykład użycie ▾ (
▾
)\25BE
do użycia kalkulatora Microsoft =)Tak. Włącz tryb programistów, włącz system dziesiętny, wejdź
9662
, a następnie przełącz na szesnastkę, a dostaniesz25BE
. Następnie po prostu dodaj odwrotny ukośnik\
na początku.źródło
\25B8
▸
▸
) ftw. Zobacz także en.wikipedia.org/wiki/Geometric_Shapes, aby uzyskać więcej.Użyj kodu szesnastkowego, aby nie łamać spacji. Coś takiego:
źródło
Istnieje sposób, aby wkleić
nbsp
- otworzyć CharMap i skopiować znak 160 . Jednak w tym przypadku prawdopodobnie rozłożyłbym to za pomocą wypełnienia, tak jak to:Być może jednak będziesz musiał ustawić bułkę tartą
display:inline-block
lub coś takiego.źródło
Na przykład :
http://character-code.com/arrows-html-codes.php
Przykład: jeśli chcesz wybrać swoją postać, wybrałem „& # 8620” „& # x21ac” (używamy wartości HEX )
Wynik: ↬
Otóż to :)
źródło
Wiem, że to dość stary post, ale jeśli zależy Ci na odstępach, dlaczego nie po prostu:
Użyłem tej metody wcześniej. W moich testach idealnie przylega do innych wierszy ze znakiem „>”.
źródło
Oto dwa sposoby:
W HTML:
<div class="ics">⛱</div>
Spowoduje to powstanie ⛱
W Css:
.ics::before {content: "\9969;"}
z kodem HTML
<div class="ics"></div>
Powoduje to również ⛱
źródło