如何从右到左更改特定列表项文本（例如阿拉伯语/希伯来语）？

Question

我有一个带有希伯来文字的列表项我想将文字方向改为从右到左。但遗憾的是，它不会产生任何影响。

为什么dir =“rtl”无法正常工作？我怎样才能实现改变文本方向？

我的具体例子：

<ul>
  Le colophon se situe sur la page de titre au folio <a href="#">1r</a>:
  <li>
    <span class="underline">Transcription :</span><br><br>
    <span class="right-to-left" dir="rtl">
      וצורת בית המקדש תוב''ב אכי''ר<br><br>
      כצמח השדה יגדל וירבה<br><br>
      למעלה למעלה הקטן גרשון<br><br>
      בן ה''ה האלוף והקצין הטפסר<br><br>
      פרנס ומנהיג התורני הרר<br><br>
      צבי הירש ברעסלא סגל<br><br>
      מק''ק המבורג- על ידי הכותב<br><br>
      והסופר משולם המכונה זימל ב''הרר<br><br>
      משה מק''ק פאלין בעיר ווין ובאותיות<br><br>
      אמשטרדם<br><br>
      בשנת אומץ גבורתך<br><br>
      ה'פ'ל'א'ת' בפסח לפ''ק
    </span>
  </li>
  <li>
    foo
  </li>
  <li>
    bar
  </li>
</ul>

PS：我不想在span.right-right-left

上使用float:right

Answer 1

您可以将span设置为block（任何事都可以，但不能内联！）。

您可能还想查看：unicode-bidi

.right-to-left {
display:block;
direction:rtl;
unicode-bidi:bidi-override
}

    <ul>
      Le colophon se situe sur la page de titre au folio <a href="#">1r</a>:
      <li>
        <span class="underline">Transcription :</span><br><br>
        <span class="right-to-left" dir="rtl">
        is that working ?<br/>
          וצורת בית המקדש תוב''ב אכי''ר<br><br>
          כצמח השדה יגדל וירבה<br><br>
          למעלה למעלה הקטן גרשון<br><br>
          בן ה''ה האלוף והקצין הטפסר<br><br>
          פרנס ומנהיג התורני הרר<br><br>
          צבי הירש ברעסלא סגל<br><br>
          מק''ק המבורג- על ידי הכותב<br><br>
          והסופר משולם המכונה זימל ב''הרר<br><br>
          משה מק''ק פאלין בעיר ווין ובאותיות<br><br>
          אמשטרדם<br><br>
          בשנת אומץ גבורתך<br><br>
          ה'פ'ל'א'ת' בפסח לפ''ק
        </span>
      </li>
      <li>
        foo
      </li>
      <li>
        bar
      </li>

Answer 2

使用text-align:right;中的.right-left怎么样？{/ 1}？