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

【问题标题】：Centering <UL> + Keeping <LI>'s Aligned居中 <UL> + 保持 <LI> 对齐
【发布时间】：2020-12-14 08:51:56
【问题描述】：

项目符号未对齐。

我要做的只是文本对齐：居中 ul 所在的类。我可以对齐项目符号吗？

编辑：我只是想澄清一下。我希望实际的项目符号点对齐。目前文本是对齐的，但不是项目符号。

随心所欲

【问题讨论】：

标签： html css

【解决方案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>

【讨论】：

【解决方案2】：

你问了两次这个问题。我在Centering Bullets On A Centered List回复你

给你的 div 一个类名center。假设您的 div 宽度为 200 像素，margin:0 auto 将居中，text-align:left 将文本向左对齐，同时由于边距自动保持其居中。

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

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

【讨论】：

【解决方案3】：

您是否想让 li 与左侧对齐？如果是这样，请尝试将所有 li 放在“myliclass”类中并在 CSS 中执行此操作：

.myliclass {
    text-align:left;
}

【讨论】：

【解决方案4】：

你不需要在ul标签上方添加一个div并在其中添加样式 text-align:left

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

【讨论】：