Jaki jest znak Unicode dla symbolu zamknięcia używanego przez bootstrap Twittera?

Question 1

Po prostu ciekawy, ponieważ właśnie zdałem sobie sprawę, że to nie był prawdziwy „x” (denerwujące, ile czasu zajęło zrozumienie).

Question 2

To używa × .

Możesz użyć następujących, aby uzyskać pożądane informacje o dowolnej postaci:

$ perl -Mcharnames=:full -CA -e'
   printf("U+%04X %s\n", $_, charnames::viacode($_))
      for unpack "W*", $ARGV[0];
' ×
U+00D7 MULTIPLICATION SIGN

Jeśli zamierzasz używać go w HTML, możesz zakodować w następujący sposób:

$ perl -MHTML::Entities -CA -e'
   CORE::say encode_entities($ARGV[0]);
' ×
&times;

Uwagi:

Powyższe programy oczekują, że argument zostanie zakodowany przy użyciu UTF-8.
Podziały linii można usunąć, aby uzyskać prawdziwe jednoliniowe.

Question 3

Znak mnożenia (×) był trochę za mały jak na to, co chciałem, a zwiększenie rozmiaru czcionki zepsuło inne rzeczy, więc znalazłem te większe alternatywy:

✕ Mnożenie X (U + 2715)

Dziesiętna jednostka HTML: ✕
Encja Hex HTML: ✕

✖ Duże mnożenie X (U + 2716)

Dziesiętna jednostka HTML: ✖
Encja Hex HTML: ✖

❌ Krzyż Znak (U + 274C)

Dziesiętna jednostka HTML: ❌
Encja Hex HTML: ❌

Mam nadzieję, że zaoszczędzą to komuś czasu.

Question 4

Jeśli nie chcesz używać Unicode, możesz po prostu użyć encji znakowej HTML ×.

Question 5

prawidłowa odpowiedź dzisiaj: × używana w przyciskach zamykania

Question 6

Zamiast dawać ci rybę, dam ci dynamit. Podczas pracy w trybie online, jeśli chcesz dowiedzieć się, jaki znak jest specyficzny dla Unicode, możesz użyć następującego javascript (może być również konieczne dodanie .val () lub .text () lub [0] po selektorze w zależności od sytuacji):

$('yourTextselector').charCodeAt(0).toString(16) // charCodeAt is the position of character in text you selected.

Przykład:

"ก้้้้้้้้้้้้้้้้้้้้".charCodeAt(2).toString(16)

zwroty "e49"

co oznacza, że \u0e49dzieje się tak, ponieważ wiodące zera zostają „połknięte”.

To powinno pomóc ci zidentyfikować inne postacie, które wyglądają podobnie, ale w rzeczywistości są różne

Mam nadzieję, że zaoszczędzi ci to trochę czasu.

Question 7

Teraz, gdy masz już odpowiedź, oto dodatkowa pomocna sztuczka podczas pracy z Unicode w systemie operacyjnym Windows.

Otwórz Wordpad
Wpisz wartość Unicode, na przykład 2715
Gdy kursor znajduje się obok wpisanego tekstu, naciśnij klawisze ALT + X na klawiaturze.

Pokaże wizualną reprezentację tej postaci. Ta sztuczka działa również w odwrotnej kolejności. Jeśli skopiujesz i wkleisz reprezentację wizualną, a następnie naciśniesz ALT + X, wyświetli się wartość liczbowa.

Question 8

Zauważyłem ❎, że wygląda ładnie, ale wyświetla się na zielono tylko w przeglądarce Firefox .

Możliwym obejściem tego problemu jest użycie filtrów CSS .

Sprawdź element, aby uzyskać wartości filtra.

adjustHUE.addEventListener("input", (e) => {
  document.querySelector("#close").style.cssText += "filter:hue-rotate(" + e.target.value + "deg) brightness(" + adjustBRIGHTNESS.value + ")"
})

adjustBRIGHTNESS.addEventListener("input", (e) => {
  document.querySelector("#close").style.cssText += "filter:hue-rotate(" + adjustHUE.value + "deg) brightness(" + e.target.value + ")"
})

#close {
  font-size: 6rem;
  padding: 0 2rem 
}

<div id="close" style="filter:hue-rotate(0deg)">❎</div>
Hue:<br>
<input id="adjustHUE" type="range" min="0" max="360" value="0"><br>
Brightness:<br>
<input id="adjustBRIGHTNESS" type="range" min="0.2" max="1" step="0.01" value="1"><br>
<div id="out"></div>

Rozwiń fragment

Z css może to wyglądać tak:

span {
  font-size: 2rem;
  z-index: 2;
  filter: hue-rotate(277deg) brightness(0.96);
  float: right;
  cursor:pointer
}

<span>❎</span>

Rozwiń fragment