gpt4 book ai didi

html - 在 CSS 中格式化缩进列表

转载 作者:太空宇宙 更新时间:2023-11-03 19:47:48 24 4
gpt4 key购买 nike

假设我有一个列表,具有任意数量的缩进级别,如下所示:

Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item

如果我在 HTML 文档中显示此列表,我如何使用 CSS 来处理缩进?可能有任意数量的缩进级别(尽管在实践中不会超过 5 个左右)。

我不想创建一个缩进 10 像素的“indent1”类,一个缩进 20 像素的“indent2”类,等等——这很笨拙。是否可以创建一个通用规则,根据属性值或元素在层次结构中的位置缩进一定距离?

最佳答案

你会这样做:

https://www.w3schools.com/html/tryit.asp?filename=tryhtml_lists_nested2

并设置 <li> 的样式如果您愿意,元素可以没有子弹。

关于html - 在 CSS 中格式化缩进列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3049923/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com