1

我有一些旧版 html 标记,我需要启用阿拉伯语支持。

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

这是苏德:

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

所以,我需要为锚点应用正确的文本对齐和方向 rtl,而不是日期时间。我为元素应用了文本对齐<li>,一切都很好。但是我需要将“direction:rtl”样式应用于锚点,这就是我的问题。

我试图创建<div>具有 rtl 方向属性的元素并将锚点放入其中。这在 chrome 中运行良好,但我需要支持 IE6+

此外,我尝试将 direction 属性应用于<li>并覆盖此 attr in <em>,但这不起作用。

有什么建议么?

在此先感谢,维塔利。

4

2 回答 2

4
li {direction:rtl}
em {direction:ltr; float:left}
于 2011-11-24T13:38:44.220 回答
1

如果 em 不在 li

<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 中需要 em

<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>
于 2011-11-24T13:36:31.210 回答