ul天然左对齐，所谓“没对齐”实为父容器text-align:center干扰、默认padding-left被误读、HTML结构非法或list-style-position与padding不匹配所致。
ul 默认就是左对齐的，但很多人误以为它“没对齐”或“居中了”，其实问题往往出在父容器样式、浏览器默认缩进，或者错误地给 ul 加了 text-align: center。
为什么 ul 看起来没左对齐
常见现象：列表整体偏右、项目符号（bullets）和文字错位、第一行缩进异常。
- 父容器设置了
text-align: center—— 这会让ul内部所有行内内容（包括项目符号）视觉上居中，但ul本身仍是块级左对齐，造成误解 -
ul自带默认padding-left（通常是 40px），这是留给项目符号的空间，不是“右移”，但容易被当成“没左对齐” - 把
div或其他非合法子元素直接塞进ul，破坏 HTML 结构，导致渲染异常，连带影响对齐表现 - 用了废弃的
align="left"属性，如<ul align="left">—— HTML5 中无效，且可能被忽略或干扰 CSS
真正让 ul 左对齐的写法
不需要额外操作，ul 天然左对齐；但要确保它“看起来左对齐”，关键在重置干扰项：
- 显式清除默认缩进：
ul { padding-left: 0; }（若想保留项目符号，需配合list-style-position: outside或改用margin-left控制位置） - 避免父级污染：
section, article, .container { text-align: left; }，而不是依赖继承 - 确认结构合法：
ul下只能是li，别套div或p - 若需项目符号靠左紧贴文字，用
list-style-position: inside;，但注意这会改变换行行为（第二行会顶到符号位置）
text-align: left 对 ul 有没有用
基本没用 —— text-align 控制的是**行内内容**的对齐方式，而 ul 是块级元素，其内部 li 也是块级，默认独占一行。给 ul 设 text-align: left 不会影响 li 的位置，只影响 li 内部的纯文本或行内子元素。
立即学习“前端免费学习笔记（深入）”；
- 真正该加
text-align的地方是li本身，比如li { text-align: left; }（虽然通常也不需要，因为默认就是） - 如果
li里嵌了span或链接，且你想控制那些内联内容的对齐，这时text-align才起作用 - 切勿写
ul { text-align: left; }来“纠正左对齐”，这是典型的因果倒置
最容易被忽略的一点：项目符号是否可见，不取决于“对齐”，而取决于 list-style-type 和 list-style-position 的组合；一旦手动清除了 padding-left 却没调整 list-style-position，符号就可能被裁掉或叠在文字上。
