Html 重置为零后恢复无序列表的CSS

Html 重置为零后恢复无序列表的CSS,html,css,Html,Css,我的默认CSS将一组值重置为零,最适用于这个问题,它确实ol,ul,li{margin:0;padding:0;} 我现在需要一个典型的无序列表,其中包含项目符号和文本,这些项目符号和文本可以包装并在包装的文本上保持相同的缩进。我发现了一堆与主题(,)相关的帖子,但后来发现问题的原因是将填充和边距重置为零 如何在无序列表重置为零后恢复其CSS,以便每个项目符号后的文本在列中对齐?下面是我的尝试,但它只适用于FireFox 测试 ol,ul,li{边距:0;填充:0;}/*默认重置*/ 保险商

我的默认CSS将一组值重置为零,最适用于这个问题,它确实
ol,ul,li{margin:0;padding:0;}

我现在需要一个典型的无序列表,其中包含项目符号和文本,这些项目符号和文本可以包装并在包装的文本上保持相同的缩进。我发现了一堆与主题(,)相关的帖子,但后来发现问题的原因是将填充和边距重置为零

如何在无序列表重置为零后恢复其CSS,以便每个项目符号后的文本在列中对齐?下面是我的尝试,但它只适用于FireFox


测试
ol,ul,li{边距:0;填充:0;}/*默认重置*/
保险商实验室{
宽度:300px;
利润率:1米0;
-moz填充开始:40px;
}
  • omnis ab quasi voluptatem voluptatem Consequestur sed fugit beatae veritatis sed quae dolores iste quasi ipsam ipsam,perspiciatis sed inventore Eak totam inventore sed dolores perspiciatis inventore ipsa totam ipsam,
  • 因此,在生命积累方面的错误,包括生命权和自然权方面的错误
  • 理性的尼莫必须坐在地上,发明者必须坐在地上,自然的尼莫必须坐在地上
  • 全方位的错误是指所有人的行为都是错误的,例如发明人的行为都是错误的
  • 《国际公共部门会计准则》解释了《国际公共部门会计准则》的含义,即根据《国际公共部门会计准则》和《国际公共部门会计准则》的规定,根据《国际公共部门会计准则》和《国际公共部门会计准则》的规定,根据《国际公共部门会计准则》的规定,根据《国际公共部门会计准则》和《国际公共部门会计准则》的规定,根据《国际公共部门会计准则》的规定,根据《国际公共部门会计准则》的规定,根据《国际公共部门会计准则》
  • omnis ab quasi voluptatem voluptatem Consequestur sed fugit beatae veritatis sed quae dolores iste quasi ipsam ipsam,perspiciatis sed inventore Eak totam inventore sed dolores perspiciatis inventore ipsa totam ipsam,
  • 因此,在生命积累方面的错误,包括生命权和自然权方面的错误
  • omnis ab quasi voluptatem voluptatem Consequestur sed fugit beatae veritatis sed quae dolores iste quasi ipsam ipsam,perspiciatis sed inventore Eak totam inventore sed dolores perspiciatis inventore ipsa totam ipsam,
  • 因此,在生命积累方面的错误,包括生命权和自然权方面的错误
  • omnis ab quasi voluptatem voluptatem Consequestur sed fugit beatae veritatis sed quae dolores iste quasi ipsam ipsam,perspiciatis sed inventore Eak totam inventore sed dolores perspiciatis inventore ipsa totam ipsam,
  • 因此,在生命积累方面的错误,包括生命权和自然权方面的错误
  • omnis ab quasi voluptatem voluptatem Consequestur sed fugit beatae veritatis sed quae dolores iste quasi ipsam ipsam,perspiciatis sed inventore Eak totam inventore sed dolores perspiciatis inventore ipsa totam ipsam,
  • 因此,在生命积累方面的错误,包括生命权和自然权方面的错误
  • omnis ab quasi voluptatem voluptatem Consequestur sed fugit beatae veritatis sed quae dolores iste quasi ipsam ipsam,perspiciatis sed inventore Eak totam inventore sed dolores perspiciatis inventore ipsa totam ipsam,
  • 因此,在生命积累方面的错误,包括生命权和自然权方面的错误
试试看

填充:0 40px

这似乎对你的小提琴起了作用,以下是最新消息


使用类名,这是基本的CSS。除非你有理由不能,否则你的问题有点让人困惑

ul.normalList li {
    width:300px;
    margin: 1em;
    list-style-type: disc;
}

您的代码只在firefox中工作,因为您只使用
-moz-
前缀作为
填充开始

添加
-webkit-
前缀
-webkit padding start:40px可以让你在Chrome中也能很好地使用小提琴

添加以下内容将涵盖更多内容:

ul {
    width:300px;
    margin: 1em 0;
    -moz-padding-start: 40px;
    -webkit-padding-start: 40px;
    -ms-padding-start: 40px; /* IE does not supported it so -ms- prefix is redundant */
    padding-start: 40px;
}

-添加其他浏览器的前缀


如果您觉得使用已经标准化的CSS更舒服,您当然也可以使用
padding left:40px


-使用已经标准化的CSS:
左填充:40px


padding start
是mozilla扩展的一部分,因此前缀为
-moz-

根据
padding start
仅在Firefox和基于webkit的浏览器(如Safari和Chrome)中受支持


绝对不像跨浏览器标准。

谢谢。我已经胡闹了一个多小时,我
ul {
    width:300px;
    margin: 1em 0;
    -moz-padding-start: 40px;
    -webkit-padding-start: 40px;
    -ms-padding-start: 40px; /* IE does not supported it so -ms- prefix is redundant */
    padding-start: 40px;
}