admin管理员组

文章数量:1418608

My code contains a word or string that ends with Arabic ketter and then a number. But for some reasons, the number appear before the Arabic as if it's treated as an Arabic number even in the editor.

<!DOCTYPE html>
<html>
<body>
    <p>Englishالعربية 1English</p>
</body>

I can't even separate the arabic text because the word is "Englishالعربية" and not just Arabic. How can I make the number appear after arabic but not by actually writing it after English and before Arabic, because this would ruin the word itself for visualization.

I can't even show the code properly, because even the browser and the editor shows the number before the arabic text. But the steps to reproduce this problem is as follows:

  1. Write Englishالعربية English first.
  2. Put 1 just before the second E.

Then you will see that the 1 automatically moves somewhere else.

My code contains a word or string that ends with Arabic ketter and then a number. But for some reasons, the number appear before the Arabic as if it's treated as an Arabic number even in the editor.

<!DOCTYPE html>
<html>
<body>
    <p>Englishالعربية 1English</p>
</body>

I can't even separate the arabic text because the word is "Englishالعربية" and not just Arabic. How can I make the number appear after arabic but not by actually writing it after English and before Arabic, because this would ruin the word itself for visualization.

I can't even show the code properly, because even the browser and the editor shows the number before the arabic text. But the steps to reproduce this problem is as follows:

  1. Write Englishالعربية English first.
  2. Put 1 just before the second E.

Then you will see that the 1 automatically moves somewhere else.

  • html
  • right-to-left
  • left-to-right
Share Improve this question asked Jan 29 at 14:20 RajinCoding2007RajinCoding2007 572 silver badges8 bronze badges 3
  • use separate containers to prevent misalignment. – mr mcwolf Commented Jan 29 at 14:31
  • jsfiddle/ahqLnmkp – mr mcwolf Commented Jan 29 at 14:56
  • @mrmcwolf Thanks, but I already said that Englishالعربية is a single word. I fot to say it, but I am fetching these words from somewhere else. So, I can't break a word like this. – RajinCoding2007 Commented Jan 29 at 15:09
Add a comment  | 

1 Answer 1

Reset to default 2

both the <p> and <span> tags now support the dir attribute (docs here), which is especially useful for mixed-direction content. You can specify two directions: ltr (left to right) and rtl (right to left).

In this case, I'd use this approach:

Wrap each word in a <span> and add the dir attribute

<!DOCTYPE html>
<html lang="en">
<body>
    <p>
        <span dir="ltr">English</span>
        <span dir="rtl">العربية</span>
        <span dir="ltr">1English</span>
    </p>
</body>
</html>

Hope this helps! If not, feel free to let me know in the comments.

本文标签：

版权声明：本文标题：right to left - How to make HTMLBrowser make the numbers appear after Arabic like an English text instead of an Arabic text? - S 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1745292433a2651877.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。