Twitter Bootstrap使用的关闭符号的Unicode字符是什么？

Question

我只是好奇，因为我刚意识到它实际上不是一个真正的“x”（很烦人，花了那么长时间才弄清楚）。

- Bialecki

---

不错 @InsaneSkull，甚至更好：× - Heitor

我在网络上看到很多类似这样的问题，它们都因为“基于观点”而被“暂停”。难道这个问题不应该接受同样的处理吗？ - keanu_reeves

我没有看到其他的问题，所以无法对它们发表意见，但这个问题绝对不是基于观点的。这个问题有一个完全客观的答案。 - ikegami

Answer 1

乘号（×）有点太小了，我需要更大的，并且增加字体大小会破坏其他东西，所以我找到了这些较大的替代品：

✕ 乘号 X (U+2715)

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

✖ 粗重乘号 X (U+2716)

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

❌ 叉号 (U+274C)

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

希望这些能为某些人节省时间。

- Valentin Flachsel

Answer 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]);
' ×
×

---

注意事项：

• 以上程序期望传入的参数使用UTF-8编码。
• 为了让命令更加简洁明了，可以去掉换行符。

- ikegami

---

请使用伪代码，以便我们理解答案。 - user985399

@Pauli Sudarshan Terho，第一个程序输出代码点的数字（U+00D7）和名称（MULTIPLICATION SIGN）。第二个程序输出将其解析为HTML实体。我不确定有人怎么可能会想到不同的结果。 - ikegami

我不认为Twitter是用Perl实现的。你的代码不能证明它使用的是与Twitter相同的Unicode。 - user985399

@Pauli Sudarshan Terho，这并不需要。我提供了字符，提供了有关该字符的信息，并展示了如何在过程中获取其他字符。 （我刚刚更新了它，使其适用于整个字符串，而不仅仅是单个字符。）这超出了OP要求的范围。 - ikegami

我找不到任何例子来确认这个字符，你怎么知道它是 &time;？Twitter Bootstrap 是用 JS 编写的，而不是 Perl。示例中没有 ×。https://getbootstrap.com/docs/4.0/examples - user985399

Answer 3

如果您不想使用Unicode，可以简单地使用HTML字符实体×。

- Joyrex

Answer 4

今天的正确答案是：×，它被用于关闭按钮。

- user4332766

Answer 5

我不会直接给你鱼，但我会给你一把炸药。在网上工作时，如果你需要找出某个Unicode特定字符，你可以使用以下javascript代码（根据情况，你可能还需要在选择器后添加.val()、.text()或[0]）：

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

例子：

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

返回结果为"e49"

这意味着它是\u0e49，因为前导零被“吞掉”了。

这应该有助于您识别其他外观相似但实际上不同的字符。

希望这能节省您一些时间。

- Matas Vaitkevicius

Answer 6

现在您已经得到了答案，这里有一个在Windows操作系统中使用Unicode时的额外技巧。

1. 打开 Wordpad
2. 输入Unicode值，例如2715
3. 将光标放在您输入的内容旁边，然后按下键盘上的ALT+X。

它将显示该字符的可视化表示。这个技巧也可以反过来使用。如果您复制并粘贴可视化表示，然后按ALT + X，它将向您显示数字值。

- Jason Brower

Answer 7

注意到 ❎ 看起来很好，但只在 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>

- NVRM