我目前正在创建我们网站的阿拉伯语版本的技术部分。其他语言不应受此影响,因此基本上对标记的更改必须是最小的。
我拥有的(英文):
<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/
那么,我如何以正确的顺序为每种可能的语言组合带来它?
答案 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>