温馨提示:本文翻译自stackoverflow.com,查看原文请点击:html - last charecter on rtl goes first of the line
css html

html - rtl的最后一个字符排在第一行

发布于 2020-03-27 10:21:43

在我的html中,以下字符串将由js生成,并将附加到ap标签之后...我的html是RTL,因为该语言是波斯语,但在某些方面,我有这样的英语字符。

#C   C#  D

但是上面生成的字符串是这样显示的

C    C#   D#

我测试了此代码,但不适用于我:

unicode-bidi: bidi-override;

这是我的代码:

<p id="chord-3" class="chord">C        C#       D#  </p>

查看更多

查看更多

提问者
SajjaD Ebrahimi RaaD
被浏览
190
adel 2019-07-03 22:06

*{
  margin:0;
  padding:0;
}
html{
  direction:rtl
}
.ltr{
  direction:ltr;
  text-align:right;
}
<p class="ltr">#C   C#  D</p>
<p>مرحبا</p>

并为该英语单词width CSS添加一个类:

 direction:ltr;
  text-align:right;