html - 如何在 'direction ltr' 段落中强制一段文本为 'direction rtl'

Question

因此，电话号码始终是 ltr(从左到右)。

在多语言网站上工作，我需要在方向为 rtl 的文本段落中插入一个电话号码(带有“+”前缀和由“-”分隔的数字)(当然是针对相关语言)

所以我有这样的东西:

.ltr #test {direction:ltr}
.rtl #test {direction:rtl}
#phone {direction:ltr}

<div class="ltr"><p id="test">Please call to <span id="phone">+44-123-321</span> for some help.</p></div>
<div class="rtl"><p id="test">Please call to <span id="phone">+44-123-321</span> for some help.</p></div>

当然这是行不通的，因为“direction”仅适用于 block 元素，而“span”是一个内联元素。我需要电话号码在段落内，所以我不能将“span”更改为“display:inline”

我说清楚了吗？

如何让它发挥作用？

Answer 1

尝试添加#phone {direction:ltr;显示:内联 block