Html ol列表中li项前的空格

Html ol列表中li项前的空格,html,css,Html,Css,我对ol列表有一个问题:在每个li项目之前都有一个空格,我不需要它,但我想在项目之前保留数字。 我试图通过在ol和li元素上将边距和填充设置为0来解决这个问题,但没有成功。 代码如下所示: 项目 项目 项目 尝试在ol上设置填充 ol { padding-left: 0; } 无序列表和有序列表具有默认的左填充。您可以通过编写样式规则来删除该填充。像这样: ol { padding-left:0; } 样式列表的更多信息默认情况下,ol和ul列表有一些边距和填充。这可能会解

我对ol列表有一个问题:在每个li项目之前都有一个空格,我不需要它,但我想在项目之前保留数字。 我试图通过在ol和li元素上将边距和填充设置为0来解决这个问题,但没有成功。 代码如下所示:


  • 项目
  • 项目
  • 项目

  • 尝试在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;
    }