css 如何删除列表边距?

umuewwlo  于 2023-08-09  发布在  其他
关注(0)|答案(5)|浏览(68)

我有一个列表,包含3个项目。但是,它的左边有一点空白,我想让它消失。
下面是我的代码:

ul li {
  display: inline;
  list-style: none;
}

个字符

nwsw7zdq

nwsw7zdq1#

这个应该能用

ul {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
}
        
li{
    display: inline;
}

个字符

pjngdqdw

pjngdqdw2#

只需将ul的填充设置为0。这里有一个片段:

ul {
    padding: 0;
}

ul li {
  display: inline;
  list-style: none;
}

个字符

laawzig2

laawzig23#

您需要将ulmarginpadding重置为零(0

ul {
  padding: 0;
  margin: 0;
}

ul li {
  display: inline;
  list-style: none;
}

个字符

q5iwbnjs

q5iwbnjs4#

它是browser default,你必须把resetpadding作为ul元素。
如果你看一下chrome dev tool,你可以看到浏览器默认值如下所示。


的数据

编码

ul {
  padding-left: 0;
}

ul li {
  display: inline;
  list-style: none;
  margin-left: 0;
}

个字符

vd8tlhqk

vd8tlhqk5#

您可以设置全局样式规则,如下所示:

* {padding:0; margin:0;}

字符串
在样式表的顶部使用此代码。它将重置所有元素的默认边距和填充。
希望它能起作用。

相关问题