数字上方的 CSS 点

Question

在英国，我们将循环小数描述为 1.3̇

在统一码中

1.3̇

到目前为止，一切都很好。但是，我正在将我的网页输出为 pdf，而我正在使用的应用程序不能很好地处理这些组合变音符号。这很烦人。像 ş 这样的字母有自己的 unicode 符号，但数字没有。 😠

但是，我想我可以使用 CSS 在数字上方放一个小点(我使用的是具有良好 CSS 实现的 mpdf)。

但是，我可以找到上划线，但找不到任何 CSS 代码来简单地在数字上方放置一个点。

有人有什么想法吗？

Answer 1

Solution 1

使用 <sup> html中的标签，我们可以看到一个上标，它会在正常行上方呈现半个字符。使用 css 我们可以将该字符移动到所需位置

Solution2

我们可以把查询字符包围起来<p>标记并向其添加一个类。我们可以为该类设置样式以达到期望的效果 display: inline在<p>标记它对这个解决方案非常重要。

希望这就是您要找的。如果需要，很乐意解释或提供更好的解决方案。

sup {
  top: -3px;
  left: -2px;
  position: relative;
}

p {
  font-size: 16px;
  display: inline;
}

.unicode-hack {
  display: inline;
  top: -9px;
  left: -6px;
  position: relative;
}

<h3>With code</h3>
<p>1.3&#775;</p>
<h3>Solution 1</h3>
<p>1.3<sup>.</sup></p>
<h3>Solution 2</h3>
<p>1.3</p>
<span class="unicode-hack">.</span>