阿拉伯语字母的重叠问题

Question

例如

<textarea dir="auto">#عَرَبِيّ</textarea>

它将显示带符号＃的重叠字符。我该如何处理？

Answer 1

这对你来说是阿拉伯语。使用任何语言都很棘手。

对于此问题，您只需在主题标签和阿拉伯文本之间添加一个空格，使它们不会相互重叠。或者，如果你想要的是主题标签超过阿拉伯文本，那么CSS z-index元素就可以正常工作。

#hashtag {
  z-index: 1;
}

#arabic {
  z-index: -1;
}

<a id="hashtag">
  #
</a>
<a id="arabic">
  عَرَبِيّ
</a>

More on z-index