阿拉伯语和拉丁字符混在一起

时间:2015-05-04 12:22:36

标签: html5 css3

我目前正在创建我们网站的阿拉伯语版本的技术部分。其他语言不应受此影响,因此基本上对标记的更改必须是最小的。

我拥有的(英文):

<div class="location_description"> <span itemscope itemtype="http://schema.org/AdministrativeArea">
<span class="glyph featcl_T"></span>
<span itemprop="name">Canton of Obwalden</span>,</span>
<span class="coords" itemprop="geo" itemtype="http://schema.org/GeoCoordinates">46.77°N 8.43°E 3238m asl
    <meta itemprop="elevation" content="3238">
    <a target="_blank" title="Geonames" href="http://www.geonames.org/2658357"><span class="glyph edit">
</span>
    </a>
    <meta itemprop="latitude" content="46.77">
    <meta itemprop="longitude" content="8.43">
    </span>
</div>

&#34;上瓦尔登州&#34;来自数据库,也可以是阿拉伯语,但也可以是任何其他语言。 我们的翻译人员为&#34; N&#34;,&#34; E&#34;并且&#34; m asl&#34;,结果是一团糟...... http://jsfiddle.net/stby04/xzj5czb5/

那么,我如何以正确的顺序为每种可能的语言组合带来它?

1 个答案:

答案 0 :(得分:1)

添加dir =&#34; rtl&#34;在您期望拥有从右到左文本

的每个标签中
div class="arabic">
    <div class="location_description"> <span dir="rtl" itemscope="" itemtype="http://schema.org/AdministrativeArea">

                            <span dir="rtl" class="glyph featcl_T"></span>
 <span dir="rtl" class="arabic" itemprop="name">Kanton Obwalden</span>,</span> <span class="arabic" itemprop="geo" itemscope="" itemtype="http://schema.org/GeoCoordinates">46.77°ش 8.43°ق 3238متر فوق سطح البحر<meta itemprop="elevation" content="3238"><a target="_blank" title="Geonames" href="http://www.geonames.org/2658357"><span class="glyph edit"></span>
        </a>
        <meta itemprop="latitude" content="46.77">
        <meta itemprop="longitude" content="8.43">
        </span>
    </div>
</div>