如何用我从未见过的特殊字符编写公式？答案

【问题标题】：How to write formula with a special character I've never seen?如何用我从未见过的特殊字符编写公式？
【发布时间】：2021-03-19 23:14:08
【问题描述】：

我需要在 HTML 中显示以下公式（简化示例）：

       ->     ->
d = || BA  ^  u  ||

是否有一个特殊的字符/实体，在字符正上方显示一个箭头（例如：→）（就像您会写 Ã 或 Â - 只是用箭头而不是波浪号或圆环）。

我从未见过这样的事情。这可以用 HTML 完成吗？

【问题讨论】：

我不太清楚答案，但这里有一个可能有用的提示：Zalgo text。 l̶͓͌͗̿͌́̑ṓ̸̼͍̬͖̻̦̔̒̓͠l̸̼̞̄̍̈́ 您可以使用像lingojam.com/ZalgoText这样的网站生成它，有时会发生指向两边的箭头被用作垃圾字符。所以这种排序以某种方式存在。

标签： html special-characters

【解决方案1】：

HTML 实体 有助于将特殊字符合并到我们的 HTML 文档中。请从这里查看图表https://www.freeformatter.com/html-entities.html

如果在列表中没有找到：我们可以使用我们自己的 CSS 来这样做：

.content-wrapper {
  display: flex;
  align-items: flex-end;
  font-weight: 600;
}

.wrapper {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin: 0 0.8rem;
}
.character {
  margin-top: -8px;
}

.chars {
  margin: 0 0.4rem;
}

   <section class="content-wrapper">
  <!-- this is where the fun begins... -->

  <div class="chars">D</div>
  <div class="chars">=</div>
  <div class="chars">|&nbsp;|</div>

  <div class="wrapper">
    <div class="arrow">&rarr;</div>
    <div class="character">BA</div>
  </div>

  <div>^</div>
  <div class="wrapper">
    <div class="arrow">&rarr;</div>
    <div class="character">u</div>
  </div>

  <div class="chars">|&nbsp;|</div>
</section>

【讨论】：

如果它不在该列表中，它不存在？
我找到了一种方法来做到这一点。让我更新答案:)
我们可以添加一些额外的 CSS 以使箭头尽可能靠近字符:) 这有帮助吗
我喜欢这两种解决方案，但我觉得您的 css 解决方案最终可能更容易实施（请参阅我在其他解决方案下方的评论）。所以，是的，超级有帮助！非常感谢您抽出宝贵时间，我现在会将您的回答标记为已接受
不客气 :) 感谢您接受我的回答。成为编码世界的一员并互相帮助和支持让我感到非常高兴。互相学习 :) 编码岩石

【解决方案2】：

您可以尝试https://latex.codecogs.com/ 来“即时”创建 gif，以便包含在任何 HTML（或标记）中：

d=\left \|{ \overrightarrow{BA} \wedge \overrightarrow{u} }\right \|

基本上你可以用 TeX 或 LaTeX 做任何你想做的事情......

【讨论】：

看起来超级有趣！！也许这真的有帮助。您在该页面上的表格中输入了什么来实现该结果？老实说，我不知道您对 TeX 或 LaTeX 是什么意思...
在我看来，同事创建正确的公式可能太难了：-/楔形不正确，它应该是那个位置的圆环，这似乎不是可用的。还是我刚刚监督了ist？
:D - 是的，TeX 和 LaTeX 当然需要一些“习惯”！但他们能够创建一些精美的方程式......