Twitter 부트 스트랩에서 사용하는 닫기 기호의 유니 코드 문자는 무엇입니까?

Question 1

그냥 궁금해. 실제 "x"가 아니라는 사실을 깨달았 기 때문입니다 (알아내는 데 얼마나 오랜 시간이 걸 렸는지 짜증이납니다).

Question 2

그것은 ×.

다음을 사용하여 모든 캐릭터에 대해 원하는 정보를 얻을 수 있습니다.

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

HTML에서 사용하려는 경우 다음과 같이 인코딩 할 수 있습니다.

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

메모:

위의 프로그램은 UTF-8을 사용하여 인코딩 된 인수를 예상합니다.
줄 바꿈을 제거하여 진정한 원 라이너를 만들 수 있습니다.

Question 3

곱하기 기호 (×)는 내가 원하는 것에 비해 너무 작아서 글꼴 크기를 늘리면 다른 문제가 발생하여 다음과 같은 더 큰 대안을 찾았습니다.

✕ 곱셈 X (U + 2715)

십진 HTML 엔티티 : ✕
16 진 HTML 엔티티 : ✕

✖ 무거운 곱셈 X (U + 2716)

십진 HTML 엔티티 : ✖
16 진 HTML 엔티티 : ✖

❌ 크로스 마크 (U + 274C)

십진 HTML 엔티티 : ❌
16 진 HTML 엔티티 : ❌

나는 이것이 누군가 시간을 절약 할 수 있기를 바랍니다.

Question 4

유니 코드를 사용하지 않으려면 HTML 문자 엔티티를 사용하면 ×됩니다.

Question 5

오늘 정답 : × 닫기 버튼에 사용

Question 6

물고기를주는 대신 다이너마이트를 줄 것입니다. 온라인으로 작업 할 때 어떤 유니 코드 특정 문자가 무엇인지 파악해야하는 경우 다음 자바 스크립트를 사용할 수 있습니다 (상황에 따라 선택기 뒤에 .val () 또는 .text () 또는 [0]을 추가해야 할 수도 있음).

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

예:

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

보고 "e49"

이는 \u0e49선행 0이 '삼키기'때문 이라는 것을 의미합니다 .

이렇게하면 비슷해 보이지만 실제로는 다른 캐릭터를 식별하는 데 도움이됩니다.

이것이 시간을 절약하기를 바랍니다.

Question 7

이제 답을 얻었으므로 Windows OS에서 유니 코드로 작업 할 때 유용한 추가 트릭이 있습니다.

워드 패드 열기
2715 와 같은 유니 코드 값을 입력합니다.
입력 한 내용 옆에 커서 를두고 키보드에서 Alt + X 를 누릅니다 .

해당 캐릭터의 시각적 표현을 보여줍니다. 이 트릭은 반대로 작동합니다. 시각적 표현을 복사하여 붙여 넣은 다음 Alt + X를 누르면 숫자 값이 표시됩니다.

Question 8

❎ 멋지게 보이지만 Firefox 에서만 녹색으로 표시됩니다 .

조정할 수있는 해결 방법은 CSS 필터 를 사용하는 것입니다 .

필터 값을 얻으려면 요소를 검사하십시오.

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>

스 니펫 확장

CSS에서 다음과 같이 보일 수 있습니다.

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

<span>❎</span>

스 니펫 확장