Bullet Points定位与阿拉伯语RTL方向

Question

我在网站上使用自定义项目符号.现在这个网站也将提供阿拉伯语版本.

.post ul li{
    color: #555555;
    background: url(images/ico-bullet_round.gif) no-repeat !important;
    background-position: 300px 6px !important;
    padding-right: 15px !important;
    padding-left:0 !important;
    direction:rtl;
}

但方向:rtl; 我无法在右侧获得所有要点.有些比其他更缩进.

请参阅显示问题的屏幕截图.

关于如何简单地对齐右边所有子弹点的任何建议？

更新:请查看此截图,背景位置设置为0 6px.它与方向有关:rtl; 但我无法弄清楚.

Answer 1

有没有什么理由不简单list-style-image,专为自定义项目符号设计？

ul { margin: 0 20px; padding: 0; }
ul li {
    margin: 0; padding: 0;
    list-style: disc url(images/ico-bullet_round.gif);
    direction:rtl;
}

对我来说很有用,假设你说"右边"时你的意思是右边.你也可以把它们放在左边,如果你想把rtl一个儿童div放在里面,但我认为这对阿拉伯语来说有点奇怪.