Question

我有一些遗留的html标记，我需要启用阿拉伯语支持。

所以，我有一个新闻标题列表，并在<li>元素中呈现它们。

这是索德：

..
<li>
<a>some Arabic text</a>
<em>news datetime</em>
</li>
..

因此，我需要为锚点应用rigth文本对齐和方向rtl，但不适用于datetime。我为<li>元素应用了文本对齐，一切都很好。但我需要应用“方向：rtl”风格来锚定，这就是我的问题。

我尝试使用rtl direction属性创建<div>元素并将锚点放入其中。这在chrome中运行良好，但我需要支持IE6 +

此外，我尝试将方向属性应用于<li>并覆盖<em>中的此attr，但这不起作用。

有什么建议吗？

提前致谢，维塔利。

Answer 1

li {direction:rtl}
em {direction:ltr; float:left}

Answer 2

如果em不在其中

<ul dir="rtl">
     <li>العربية</li>
     <em>11/24/2011</em>
     <li>العربية</li>
     <em>11/24/2011</em>
     <li>العربية</li>
     <em>11/24/2011</em>
     <li>العربية</li>
     <em>11/24/2011</em>
</ul>

如果你需要div内的

<style>
ul { direction:rtl; } ul li em{direction:ltr;} /* em{direction:ltr; float:left;} */
</style>

<ul>
         <li>العربية
         <em>11/24/2011</em>
         </li>
         <li>العربية
         <em>11/24/2011</em>
         </li>
         <li>العربية
         <em>11/24/2011</em>
         </li>
</ul>

如果您的阿拉伯语脚本包含英语单词

<style>
    ul { direction:rtl; } ul li{ direction:rtl; } ul li em{direction:ltr;} /* em{direction:ltr; float:left;} */
</style>

如何在列表元素中应用方向css属性

2 个答案: