CSS 重置后如何修复无序列表中未对齐的第二行？

CSS 重置后解决 ul 列表中的第二行对齐问题

应用 CSS 重置后，您可能会遇到以下问题：列表项中的第二行文本从子弹。这种不对齐可以通过CSS通过调整list-style-position属性来解决。

解决方案：

list-style-position属性决定项目符号是出现在列表内部还是外部。默认情况下，它设置为“内部”，导致文本环绕项目符号。将其更改为“外部”会强制文本与列表的其余部分对齐。

但是，这可能会导致项目符号与列表外部的文本之间不对齐。要解决此问题，请对列表项应用边距：

ul li {
  list-style-position: outside;
  margin-left: 1em;
}

改进的解决方案（2014 年 3 月更新）：

ul {
  list-style-position: outside;
  margin-left: 1em;
}

• 此解决方案将所有属性应用于 ul 元素.
• em单位用于缩进，确保跨平台一致间距。
• 清晰简洁的注释解释了每个属性的用途。

以上是CSS 重置后如何修复无序列表中未对齐的第二行？的详细内容。更多信息请关注PHP中文网其他相关文章！