CSS右对齐列表

Question

如何将列表右对齐？文本可以完美对齐，但是标志不行。有没有用CSS简单易行的方法？

代码：

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

即使我直接将LI元素的规则设置为右对齐，也不起作用。 编辑 我附上一张图片展示我想要实现的效果：

- lukas.pukenis

---

不确定你想要实现什么。这是（使用FF查看）此吗？ - Jon

@Jon，不是的，请看我附上的图片。 - lukas.pukenis

类似于：http://stackoverflow.com/questions/4977807/ul-li-bullets-as-image-an-right-side-next-to-the-text - swati

Answer 1

如果您需要将项目符号与文本对齐，您可以使用 list-style-position 属性，如下所示：

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

- Adriano Repetti

---

.theList是一个类，可以使用ul或li。 - Wasim A.

在我的情况下，我添加了html{direction:rtl;}。 - Wasim A.

@wasim 它适用于无序列表（UL）。RTL方向会产生不同的效果（文本右对齐，符号在文本右侧），因为它的目的不是为了样式设计，而是为了RTL布局语言。我建议避免仅为了实现效果而使用样式。 - Adriano Repetti

有点晚了，但是是否可能将项目符号对齐，并且右对齐。 - lukramon

Answer 2

使用说明：

direction: rtl;

通常用于从右到左的语言。

编辑：

将每个元素向右浮动并清除两侧浮动。

float: right;
clear: both;

- Madara's Ghost

---

谢谢您的回复，但它会将项目符号和文本颠倒 - 这不是我需要的。 - lukas.pukenis

请重新表达您的问题并添加所需输出的图像，因为我显然误解了。 - Madara's Ghost

您使用 "float: right" 的建议有点作用，但是使用 "clear:both" 会破坏我的设计，并且元素的定位超出了父容器。 - lukas.pukenis

我到电脑前会继续这个话题。我在手机上无法再帮你更多了。@lukas - Madara's Ghost

我更喜欢直接的解决方案，你救了我的一天 (y) - dzgeek

Answer 3

如果我理解你的需求正确，那么只需将li元素右浮即可: http://jsfiddle.net/Jxzs4/1/

- Jimmy Breck-McKye

Answer 4

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

请检查这个……

如果您想要项目符号，请删除 list-style:none;

- Jaiff