css 如何删除列表边距？

umuewwlo 于 2023-08-09 发布在其他

关注(0)|答案(5)|浏览(86)

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

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

个字符

5条答案

这个应该能用

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

个字符

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

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

个字符

您需要将ulmargin和padding重置为零（0）

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

个字符

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

的数据

编码

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

个字符

展开查看全部

您可以设置全局样式规则，如下所示：

* {padding:0; margin:0;}

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