居中<UL> + 保持<LI>对齐

Question

我的问题是：http://i56.tinypic.com/ff3jmo.png。项目符号没有对齐。我只是将包含ul的类居中对齐。我能对齐项目符号吗？编辑：我想澄清一下。我希望实际的项目符号对齐。目前文本已经对齐，但是项目符号没有对齐。其中一个例子是：

• 文本
  • 文本
    • 文本

我希望得到：

• 文本
• 文本
• 文本
• (项目符号对齐，文本居中)

。

- CenterMe

---

可能是将项目符号居中对齐到居中列表上的重复问题。 - Hussein

Answer 1

text-align: center不能用于此目的。你应该将<ul>放在一个<div>中，并通过设置其宽度并使用margin-left: auto;和margin-right: auto来使其居中。

因此：

<div style="width: 25%; margin-left: auto; margin-right: auto;">
    <ul>
        <li>List item 1</li>
        <li>List item 2</li>
    </ul>
</div>

- asthasr

---

你需要在那个 div 上设置一个宽度。 - Bryan Downing

没起作用 :S 这会使 UL 始终停留在左侧。为了澄清，我的问题是项目符号本身没有对齐，但文本是对齐的。我想对齐项目符号。很抱歉我无法表达得很清楚。 - CenterMe

我认为 margin:0 auto; 更加简洁。 - Luke Lowrey

不确定在哪个宇宙，但在我的宇宙里是margin-left和margin-right。 - Sebastian Häni

不错的发现，@SebastianHäni。 - asthasr

Answer 2

你问了两次同样的问题。我在居中列表上的项目符号居中给出了答案。

给你的 div 添加一个类名 center。假设你的 div 宽度为 200px，margin:0 auto 将使其居中，text-align:left 将使文本左对齐，同时保持其居中效果，因为 margin 设置为 auto。

.center{
    width:200px;
    margin:0 auto;
    text-align:left;
}

请查看工作示例http://jsfiddle.net/8mHeh/1/

- Hussein

---

现在您可以使用 margin: 0 auto; display: table;。 - wazz

Answer 3

你想让li左对齐吗？如果是的话，试着把所有的li放在“myliclass”类中，并在CSS中这样做：

.myliclass {
    text-align:left;
}

- Simon M

---

我正在尝试让li居中对齐。text-align:center;可以实现这一点，但是正如您在截图中所看到的，项目符号没有对齐，这就是我想要实现的。 - CenterMe

Answer 4

你不需要在

标签上面加边距，只需要添加一个
并在其中添加样式text-align:left。


<div style="text-align:left">
    <ul>
        <li></li>
    </ul>
</div>

- sharvari jadhav