html ul li 展开 缩进,html – CSS设置li缩进

缩进一个ul下拉菜单，使用

/* Main Level */

ul{

margin-left:10px;

}

/* Second Level */

ul ul{

margin-left:15px;

}

/* Third Level */

ul ul ul{

margin-left:20px;

}

/* and so on... */

您可以缩进lis和(如果适用)as(或任何内容元素)，每个都有不同的效果。

您还可以使用填充左侧而不是边距左，再次取决于您想要的效果。

更新

默认情况下，许多浏览器使用padding-left来设置初始缩进。如果你想摆脱那个，设置padding-left：0px;

尽管如此，左侧边距和左侧填充设置会以不同的方式影响列表的缩进。具体来说：margin-left会影响元素边框外部的缩进，而padding-left会影响元素边框内部的间距。 (Learn more about the CSS box model here)

设置padding-left：0;将li的子弹图标悬挂在元素边框的边缘(至少在Chrome中)，这可能或可能不是您想要的。