項目符號使用阿拉伯文RTL方向定位

我在網站上使用自定義項目符號點。現在這個網站也將提供阿拉伯語。項目符號使用阿拉伯文RTL方向定位

.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;我無法在右側列出所有要點。有些比其他更加縮進。

Please see a screenshot showing the problem.

如何簡單地排列在右邊的所有要點有什麼建議？

更新：請參閱此屏幕截圖background-position設置爲0 6px。它與方向有關：rtl;但我無法弄清楚。

alt text

來源

2010-10-16 Julian

我不確定爲什麼要通過CSS指定方向性。你有沒有試圖分配dir =「rtl」屬性來封裝標籤（包含你的無序列表的標籤）？我認爲它可以解決你的問題... – 2010-10-17 10:00:59

沒有任何理由爲什麼不直接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上，你也可以在左邊放置它們，但是我覺得這對阿拉伯語看起來有點奇怪。

來源

2010-10-16 20:59:42 bobince

優秀的答案，我不知道你可以使用自定義圖像的列表樣式。謝謝！工作正常！ – Julian 2010-10-16 21:05:39

一個解決方案可能是像這樣放置背景位置： background-position：100％6px！important;

我假設方向：rtl，不影響背景。

來源

2010-10-16 21:03:47 netadictos

-1

嘗試background-position：right;

爲我工作。

來源

2014-01-06 06:50:23

我有同樣的問題，並得到了它的使用：

ul{direction:rtl;} 
li{direction:rtl; margin-right:20px;}

的功能屬性是使用：margin-right:20px while using direction :rtl

感謝

來源

2014-02-22 09:13:12 mohammad

在句首使用的•嘗試，而將所有內容對齊。這樣，你可以得到這樣的：

مرحبا•

來源

2016-01-23 22:40:06 Anya

嘗試::之前和::在CSS樣式後您的RTL文件，並使用JavaScript來釋放CSS效果。

例子：

this is (RTL list but bullets are not suitable

這裏是你的CSS代碼爲RTL之前。

ul.points li:before{content:"\f0c8";font-family:fontawesome;color:#135588;margin-right:7px;font-size:.75em}

然後之後我做了RTL文件，我用這個代碼：

ul.points li:after{content:"\f0c8";font-family:fontawesome;color:#135588;margin-right:7px;font-size:.75em}

但看這個圖像（之前有子彈和之後（因此輪到你了使用JavaScript來卸妝它（類添加和刪除類）的CSS： this is (after) rtl css style

我希望這有助於指出，這是我的第一個評論堆棧！

來源

2017-08-19 14:10:14

項目符號使用阿拉伯文RTL方向定位

回答

相關問題