HTML 有序列表:嵌套计数器和范围问题
在 HTML 中,使用 CSS 计数器和范围可以帮助创建结构化有序列表。但是,尝试嵌套这些计数器时有时会出现问题。
问题
使用计数器设置嵌套有序列表时,有些人可能会在子列表中遇到不正确的编号。返回父列表后,编号可能会继续从父列表递增,而不是预期的嵌套结构。
解决方案
要解决此问题,请确保 Normalize CSS 已禁用。在较旧的浏览器中,此 CSS 重置通常会将所有列表边距和填充设置为零,从而导致对齐问题。或者,将子列表嵌套在主
示例
<ol> <li>one</li> <li>two <ol> <li>two.one</li> <li>two.two</li> <li>two.three</li> </ol> </li> <li>three <ol> <li>three.one</li> <li>three.two <ol> <li>three.two.one</li> <li>three.two.two</li> </ol> </li> </ol> </li> <li>four</li> </ol>
以上是如何修复 HTML 中的嵌套有序列表编号问题?的详细内容。更多信息请关注PHP中文网其他相关文章!