Как написать этот макет RTL в HTML?
Я пытаюсь получить следующий макет текста, содержащий иврит и латинские символы:
2011, Еврей 11, английский
(Заглавные буквы обозначают ивритские символы, и все это должно быть выровнено вправо).
Вот некоторые из вещей, которые я пробовал:
<div dir="rtl">
<!-- no markup -->
latin, 12 ביולי, 2011<br>
<!-- wrapping in spans -->
<span dir="ltr">latin</span><span dir="rtl">, 12 ביולי, 2011</span><br>
<!-- using css instead of html -->
latin<span style="direction: rtl">, 12 ביולי, 2011</span><br>
<!-- using bidi override -->
<bdo dir="rtl">latin</bdo>, 12 ביולי, 2011<br>
<!-- using unicode bidi override -->
‮latin‬, 12 ביולי, 2011<br>
</div>
( здесь это в jsfiddle. Похоже, что еврейские символы находятся в конце, но на самом деле они находятся между двумя числами.)
Первые три перемешивают порядок слов, а последние два дают правильный порядок слов, но затем латинские символы отображаются справа налево, что в обратном порядке.
я кладу
Как я могу заставить его отображаться правильно?
1 ответ
Решение
latin‏, 11 HEBREW, 2011
&rlm
делает магию. Я не могу сказать, что полностью понимаю это.