2012-05-03 153 views
12

我應該如何將列表對齊? 文本完美對齊,但子彈不。有沒有簡單而簡單的方法來使用CSS?CSS右對齊列表

代碼:

<ul style="text-align: right"> 
<li>Item 1</li> 
<li>Item 2</li> 
<li>Item 3</li> 
</ul> 

即使我把於LI元素的規則直接對準到分辯,這是行不通的。

編輯 我附上顯示我想要達到什麼樣的一個形象: On the right is what I want. On the left is what I have

發現的解決方案 由於阿德里亞諾

文本對齊:權利;」結合「list-style-position:inside;」做我想要的。謝謝你們!

+0

不知道你在試圖達到什麼目的。是[this](http://jsfiddle.net/a2Jup/)它(查看與FF)? – Jon

+0

@Jon,不,請看看我附上的圖片 –

+0

類似於:http://stackoverflow.com/questions/4977807/ul-li-bullets-as-image-an-right-side-next-to-文字 – swati

回答

22

如果需要對齊文本子彈可以使用list-style-position屬性,如下:

.theList 
{ 
    text-align: right; 
    list-style-position: inside; 
}​ 
+1

這個工程。我還沒有聽過列表式的位置!謝謝! –

+0

我都沒有。 +1。 –

+2

.theList這個類在哪裏,ul或li –

15

使用方向:

direction: rtl; 

它一般用於從右到左的語言。

編輯:

每個浮動到右側,並清除兩者。

float: right; 
clear: both; 
+0

感謝您的迴應,但它與文本反轉子彈 - 這不是我所需要的。 –

+0

比請更改您的問題並添加所需輸出的圖像。因爲我明顯誤解了。 –

+0

我已更新我的問題 –

-4
<ul style="float:right; text-align:left; list-style:none;"> 

檢查這.....

,如果你想要子彈然後刪除list-style:none;