Html ol列表中li项前的空格
我对ol列表有一个问题:在每个li项目之前都有一个空格,我不需要它,但我想在项目之前保留数字。 我试图通过在ol和li元素上将边距和填充设置为0来解决这个问题,但没有成功。 代码如下所示:Html ol列表中li项前的空格,html,css,Html,Css,我对ol列表有一个问题:在每个li项目之前都有一个空格,我不需要它,但我想在项目之前保留数字。 我试图通过在ol和li元素上将边距和填充设置为0来解决这个问题,但没有成功。 代码如下所示: 项目 项目 项目 尝试在ol上设置填充 ol { padding-left: 0; } 无序列表和有序列表具有默认的左填充。您可以通过编写样式规则来删除该填充。像这样: ol { padding-left:0; } 样式列表的更多信息默认情况下,ol和ul列表有一些边距和填充。这可能会解
项目
项目
项目
尝试在ol上设置填充
ol {
padding-left: 0;
}
无序列表和有序列表具有默认的左填充。您可以通过编写样式规则来删除该填充。像这样:
ol {
padding-left:0;
}
样式列表的更多信息默认情况下,ol和ul列表有一些边距和填充。这可能会解决你的问题。
这是默认情况下ol和ul标签的功能
ol{
边际上限:0;
页边距底部:0;
左填充:10px;//默认情况下40px,由您决定
}
项目
项目
项目
只需在ol
元素上添加填充,但保持列表样式
ol {
padding: 0;
list-style: inside decimal;
}
你可以这样做 这是一个作弊代码,但它是有效的
ol{
计数器复位:数字;
}
李{
列表样式:无;
计数器增量:数字;
}
李:以前{
内容:计数器(编号)“;
位置:相对位置;
左:0px;
}
项目
项目
项目
很好的文档,我喜欢这个one@DCR你问这个问题吗?不,但你的答案不起作用。Op明确表示他希望删除数字和项=>1之间的空格。item@DCR看看我编辑的ans,可以吗?不可以,但尝试得不错。ol上的边距和边距将边距和边距添加到ol的最左侧、右侧、顶部或底部。所以它不以数字和项目之间的空格为目标。我不知道你怎么能改变。你可能必须建立一个定制的olcheck我的答案下面它的工作根据你的要求。
ol {
padding: 0;
list-style: inside decimal;
}