Css 设置ol列表项的间距

Css 设置ol列表项的间距,css,Css,在下面的代码中,我发现数字1和内容DIY SMS Export V1.05之间的空间已经发布了有点宽, 如何使用CSS设置数字和内容之间的边距 此外,该网页具有与下图相同的IE 10.0和FireFox 21.0用户界面 但在IE10.0兼容模式下,UI更改为下图。左边距增加了,为什么 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %&g

在下面的代码中,我发现数字1和内容DIY SMS Export V1.05之间的空间已经发布了有点宽, 如何使用CSS设置数字和内容之间的边距

此外,该网页具有与下图相同的IE 10.0和FireFox 21.0用户界面

但在IE10.0兼容模式下,UI更改为下图。左边距增加了,为什么

<%@ Page Language="C#" AutoEventWireup="true" 
    CodeFile="Default2.aspx.cs" Inherits="Default2" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
     <style type="text/css">
       li.A {
          list-style-type: decimal;
          font-weight: bold;
           margin-bottom:15px;          
        }

        li.B{
          list-style-type:upper-alpha;
          font-weight:normal;
          margin-top:4px;
          margin-bottom:4px;   

        }

        ol.C {

        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <ol>
            <li class="A">DIY SMS Export V1.05 has been released
                <ol class="C">
                    <li class="B">Add the function to delete sms selected</li>
                </ol>
            </li>

            <li class="A">DIY SMS Export V1.04 has been released
                <ol class="C">
                    <li class="B">Add chinese language support</li>
                </ol>
            </li>
        </ol>  
    </div>
    </form>
</body>
</html>


李。A{
列表样式类型:十进制;
字体大小:粗体;
边缘底部:15px;
}
李.B{
列表样式类型:上alpha;
字体大小:正常;
利润上限:4倍;
利润底部:4倍;
}
ol.C{
}
DIY短信导出V1.05已经发布
添加删除所选短信的功能

DIY短信导出V1.04已经发布
添加中文支持


在HTML5之前的HTML4.01中,仅建议使用用户代理的默认CSS。在Firefox和IE(我指的是Netscape和IE…)中,列表(尤其是列表中的列表)所需的缩进是通过
左边距:40px
左边距:40px
实现的

因此,如图中所示的灯光重置将处理差异

CSS


谢谢这是否意味着ol列表项在IE 6.0中不能很好地工作?它工作得很好。只有默认的CSS是不同的(当您通过显示菜单停用所有样式时,仍然可以看到的样式,我认为像大H1、LI前面的项目符号等等)。此默认CSS是样式覆盖的第一件事,但您首先必须知道此浏览器和该浏览器应用了哪些样式。;)这就是“重置CSS”(我会让你在某某和谷歌上搜索这个词)(或者我朋友和老板的极简主义者)的目的,以便有一个共同的基础(或者取消所有默认样式,取决于选择的解决方案),在这里,左边距和左边距都设置为null(因此现在每个浏览器中都是0,不再是40px)然后用一种方法设置为20px,每个浏览器都一样(左边空白比左边空白更实用,但两者都适用于IE6+。谢谢!您是对的,默认css会影响结果。有时候IE 9.0中的默认css工作,有时候IE6.0中的默认css工作,我不知道是哪个css以及这些css何时影响不同IE版本中的样式:(
ol, ul, li {
  margin: 0;
  padding: 0;
}
ol, ul {
  margin-left: 20px;
}