HTML无序列表项目符号不显示的原因咨询

你的无序列表项目符号消失、呈现为连续段落样式，核心问题出在这段全局样式重置代码上：

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

浏览器默认会给<ul>标签设置padding-left（通常约40px），用来容纳项目符号（●）。你用*选择器把所有元素的padding强制设为0后，<ul>的左侧内边距被清空，项目符号直接被挤出了可视区域；同时列表默认的垂直间距也被抹除，导致列表项看起来和连续段落没区别。

解决办法 #

在全局样式之后，单独给<ul>恢复必要的内边距即可，示例代码：

ul {
  padding-left: 1.5em; /* 可根据需求调整数值，比如40px */
  list-style-type: disc; /* 可选，显式指定项目符号样式，确保浏览器默认行为生效 */
}

这样项目符号就能正常显示，列表项也会恢复正确的缩进和垂直间距。

内容的提问来源于stack exchange，提问作者Shade-OllieS1516