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

标签 html css

我的问题: http://i56.tinypic.com/ff3jmo.png

元素符号点未对齐。

我要做的就是文本对齐:居中 ul 所在的类。我可以对齐元素符号点吗?

编辑:我只是想尝试澄清一下。我希望实际的元素符号点对齐。目前文本已对齐,但元素符号点未对齐。

  • 文本
    • 文本
      • 文本

随心所欲

  • 正文
  • 正文
  • 正文
  • (元素符号点对齐,文本居中)

最佳答案

text-align: center不用于此目的。你应该把 <ul><div>并通过将其设置为特定宽度并使用 margin-left: auto;that 居中和 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>

关于html - 居中 <UL> + 保持 <LI> 对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5347451/

相关文章:

css - 为什么我的菜单在手机上不是内联的,但在笔记本电脑上可以正常工作

javascript - 动态 float 菜单问题

CSS div 圆 Angular

javascript - Android 2.X 上的数字 9

php - 如何在显示所有其他数据的同时在选择列表顶部显示某些内容

javascript - 连续下拉过滤缺少默认选择值

css - 复杂的柔性盒。 child 到 flex-end,但首先 flex-start 垂直

jquery - css 类的优先级

html - 删除网页末尾的大白间距

javascript - 如何使用 javascript 将新的图像元素添加到 html href 链接?