Twitter引导程序使用的关闭符号的unicode字符是什么?

时间:2011-09-21 02:33:15

标签: unicode twitter-bootstrap

只是好奇,因为我刚才意识到这不是一个真正的“x”(烦人的花了多长时间才弄明白)。

7 个答案:

答案 0 :(得分:257)

乘法符号(×)对我想要的东西有点小,增加字体大小打破了其他东西,所以我找到了更大的替代品:

Multiplication X(U + 2715)

  • 十进制HTML实体:✕
  • 十六进制HTML实体:✕

Heavy Multiplication X(U + 2716)

  • 十进制HTML实体:✖
  • 十六进制HTML实体:✖

Cross Mark(U + 274C)

  • 十进制HTML实体:❌
  • 十六进制HTML实体:❌

我希望这些可以节省一些时间。

答案 1 :(得分:33)

$ perl -Mcharnames=:full -Mutf8 -E'
   $_ = ord("×");
   say sprintf("U+%04X", $_);
   say charnames::viacode($_);
'
U+00D7
MULTIPLICATION SIGN

如果您要在HTML中使用它,可以按如下方式对其进行编码:

$ perl -MHTML::Entities -Mutf8 -E'
   say encode_entities("×");
'
×

答案 2 :(得分:25)

如果您不想使用Unicode,则只需使用HTML字符实体×

答案 3 :(得分:4)

今天正确回答:× 用于关闭按钮

答案 4 :(得分:3)

而不是给你鱼,我会给你炸药。 在线工作时如果你需要弄清楚你可以在javascript之后使用什么Unicode特定字符(你可能还需要根据情况在选择器之后添加.val()或.text()或[0]):

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

示例:

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

返回"e49"

这意味着它是\u0e49,因为领先的零被吞噬了。

这可以帮助您识别看起来相似但实际上不同的其他字符

希望这可以节省你一些时间。

答案 5 :(得分:1)

现在您有了答案,这是在Windows OS上使用Unicode时的另一个有用技巧。

  1. 打开写字板
  2. 键入Unicode值,例如 2715
  3. 将光标置于您键入的内容旁边,然后按键盘上的 ALT + X

它将显示该角色的视觉表示。这个技巧也可以反向使用。如果您复制并粘贴了视觉表示,然后按ALT + X,它将为您显示数值。

答案 6 :(得分:0)

注意到 ❎ 看起来不错,但仅在 Firefox 中显示为绿色。

一种可能的调整方法是使用 css filters

检查元素以获取过滤器值。

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>