ol列表默认序号在外部（list-style-position: outside），设为inside后序号嵌入内容流，需注意padding遮挡、多行对齐及字体间距问题；该属性仅支持inside/outside，须配合标准list-style-type使用，且不影响动态添加项的编号逻辑。
ol列表序号默认在外部，用list-style-position控制位置
浏览器对<ol>的默认渲染是序号在文本左侧、与内容左边界对齐（即list-style-position: outside），但文字换行时序号会悬垂在外侧；设为inside后，序号进入内容盒内，文本从序号右侧开始排布，避免换行错位，也更易对齐缩进。
list-style-position: inside 时要注意缩进和对齐
设list-style-position: inside后，<li>的文本实际从序号起始处开始，相当于把序号“塞进”<li>的内容流里。这会导致两个常见问题：
- 若
<li>有padding-left，序号可能被遮挡或挤到行首外侧 - 多行文本时，第二行不会自动缩进对齐第一行文字，需手动加
text-indent或用padding-left模拟 - 某些字体下小写字母（如
type="a"）+inside可能导致序号与文字间距过紧，建议配合margin-right微调
不要混用 list-style-position 和 list-style-type 的废弃值
list-style-position只接受inside或outside，不支持left/right等旧写法；同时，它必须和list-style-type搭配使用——但注意：list-style-type的合法值只有decimal、lower-alpha、upper-roman等标准关键字，不能填"circle"或"square"（那是<ul>的样式，<ol>不认）。
动态插入项时，position 不影响计数逻辑
用 JavaScript 动态添加<li>时，list-style-position只管视觉位置，不影响序号生成：新项仍按当前<ol>的start值和已有项数量自动计算编号。但若你用counter-reset重写了计数器，就要确保counter-increment作用在<li>上，否则inside或outside都显示为 0。
立即学习“前端免费学习笔记（深入）”；
