在某些浏览器中使用 span 标记时的波斯字母碎片，例如 chrome

Question

这里是 HTML 代码，在 span 标签中包含波斯字母，我想为它们设置样式：

<span class="highlight">ب</span>نیاد <span class="highlight">خ</span>یریه <span class="highlight">ح</span>مایت از <span class="highlight">ب</span>یماران <span class="highlight">س</span>رطانی

它在 firefox 中正常工作，但在某些浏览器中，例如 chrome 碎片化的波斯字母在 span 标签中并且不粘在一起。这个问题有解决方案吗？

Answer 1

从你说的非常小的细节我明白了

.highlight{
font-size:25px;
font-weight:bold;
color:red;
}

<p><span class="highlight">ب</span>نیاد <span class="highlight">خ</span>یریه <span class="highlight">ح</span>مایت از <span class="highlight">ب</span>یماران <span class="highlight">س</span>رطانی</p>

Answer 2

对于这个问题，我得到了这个答案：

<p><span class="highlight">ب&#x200d;</span>&#x200d;نیاد <span class="highlight">خ&#x200d;</span>&#x200d;یریه <span class="highlight">ح&#x200d;</span>&#x200d;مایت از <span class="highlight">ب&#x200d;</span>&#x200d;یماران <span class="highlight">س&#x200d;</span>&#x200d;رطانی</p>

在某些浏览器中使用 span 标记时的波斯字母碎片，例如 chrome

fragmentation Persian letters when using the span tag in some browsers such as chrome

html

css

jquery

arabic

persian