Question

我正在开发HTML应用程序，并且试图将ayah符号（۝）阿拉伯文末尾的阿拉伯数字写入textview。我试图写ayah符号的末尾，然后写阿拉伯数字，没有任何空格，但是没有用。我正在使用uthmani字体。

我想像这样显示它： https://i.stack.imgur.com/6fFOG.png

这是Unicode： ۝

Answer 1

这是一种方式。尝试添加ayah符号作为::after之类的伪元素的内容，并将其放置在其父元素的中心。我使用http://www.evotech.net/articles/testjsentities.html将html实体代码转换为css十六进制代码。

我没有使用uthmani字体进行尝试，因此您可能需要调整font-size和padding，但是这个概念应该可以助您成功。

.ayah {
  padding: 0 .5em;
  display: inline-block;
  position: relative;
}

.ayah::after {
  content: "\06DD";
  display: block;
  position: absolute;
  font-size: 1.5em;
  top: 50%;
  left: 50%;
  transform: translate( -50%, -50%);
}

<span class="ayah">5</span>

<p>Here's one in a paragraph. <span class="ayah">5</span></p>

在ayah sysmbol末尾写数字

1 个答案: