[分享]css中怎么去掉ul大小

在CSS中，我们常常会用到 标签来表示一个无序列表。但有时候我们不希望 标签有默认的内外边距大小，那么我们该怎么办呢？首先，我们可以使用以下代码去掉 标签的内外边距：ul { margin: 0...

在CSS中，我们常常会用到

标签来表示一个无序列表。但有时候我们不希望
标签有默认的内外边距大小，那么我们该怎么办呢？
首先，我们可以使用以下代码去掉
标签的内外边距：

ul {
  margin: 0;
  padding: 0;
} 

这个代码块会将所有的

标签的外边距和内边距都设为 0。
如果你只想去掉
标签的外边距，可以这样做：

ul {
  margin: 0;
} 

如果你只想去掉

标签的内边距，可以这样做：

ul {
  padding: 0;
} 

除此之外，我们还可以将

标签的 display 样式设为 inline，这样它就不会占用整行的宽度，而是只占用它需要的宽度。

ul {
  display: inline;
  margin: 0;
  padding: 0;
} 

需要注意的是，如果

标签里面有
• 标签，那么我们还需要对
• 标签做一些处理，去掉它的默认外边距：
  

  li {
    margin: 0;
  } 

  
  总结起来，如果我们想要去掉
  标签的默认内外边距，可以使用上述代码块；如果只想去掉其中一个，可以单独设置；另外注意需要对
  • 标签也进行处理。