Tailwind的list-disc仅设置list-style-type:disc，不控制缩进、对齐、间距或符号大小；必须手动配合pl-类统一缩进，并用::marker或list-none+::before实现可控自定义。
直接给 ul 和 ol 显式设置 margin 与 padding，比依赖浏览器默认值更可靠。Firefox 用 padding-left 缩进，IE（尤其 IE7）靠 margin-left，两者逻辑不一致，不手动重置就会错位。
为什么不能用 * { margin: 0; padding: 0 }
这个写法会把 button、input、select 的原生间距一并抹掉，导致点击区域变小、可访问性下降，甚至破坏表单控件的视觉比例。它解决了一个问题，却引入更多兼容性隐患。
- 只对列表重置：
ul, ol { margin: 0; padding: 0; } - 若需保留符号，去掉
list-style: none，但margin和padding必须保留，否则 Firefox 仍多出左侧空白 - 推荐用
normalize.css替代全盘清零——它保留有用默认值（如ol的序号、input的边框），只修正渲染差异
list-style-position: inside 在 IE7 下为什么会失效
这不是 bug，而是老 IE 对盒模型的理解偏差。inside 模式下，符号被当作文本流一部分参与布局计算；一旦 li 设了 width 或 height，IE7 就无法正确维护计数器状态，所有 ol 项都显示为 “1”。
- 绝对不要给
li设置height，改用line-height控制行高 - 避免
float或display: inline-block，如需横向排列，优先用display: flex - 必须兼容 IE7？用 JS 补充计数：
document.querySelectorAll('ol li').forEach((el, i) => el.innerHTML = (i+1) + '.’)
Tailwind 的 list-disc 类为什么缩进还是不对
Tailwind 的 list 工具类（如 list-disc、list-decimal）只控制符号类型和位置，不处理缩进量。真正影响对齐的是 pl-* ——你得手动加。
立即学习“前端免费学习笔记（深入）”；
-
list-disc仅等价于list-style-type: disc，对ul生效；list-decimal只对ol有效 - 符号默认紧贴文字，想留空隙就得配
pl-5或pl-6，否则和段落文本不对齐 - 嵌套列表要单独处理内层
pl-，Tailwind 不自动继承缩进 - 用
list-inside时，pl-*要减小（比如从pl-5改成pl-2），否则符号会被整体右推
自定义图标时 list-none 为什么必须加
用 ::before 插入箭头或 SVG 图标时，老浏览器仍可能渲染原生圆点。不关掉原生样式，就会出现双符号并存。
-
list-none是开关，不是装饰——它禁用所有原生标记，包括disc、decimal、url() -
list-none不影响pl-，缩进还得自己控，漏掉就导致图标贴左边界 - 背景图方案也一样：先
list-style: none，再用background-image+padding-left手动定位
最易忽略的其实是缩进和符号位置的耦合关系：改了 list-style-position，padding-left 就得重调；用了 list-inside，box-sizing: border-box 和预留内边距就是配套动作。没人能靠一个类搞定全部，细节都在组合里。
