子弹位置

列表由包含元素(<ul><ol>)内的 <li> 元素组成。列表项和容器都可以具有边距和填充,这会影响文档中列表项内容的确切位置。每个浏览器的边距和填充的默认值可能不同。为了获得相同的跨浏览器布局,需要专门设置这些布局。

每个列表项都有一个标记框,其中包含项目符号标记。此框可以放在列表项框的内部或外部。

list-style-position: inside;

将子弹放在 <li> 元素内,根据需要将内容推向右侧。

list-style-position: outside;

放置 <li> 元素的子弹。如果包含元素的填充空间不足,标记框将向左延伸,即使它会从页面上掉落。

显示 insideoutside 定位的结果: jsfiddle