Html Css中的中心块

我在列表中有几个区块，我需要它没有任何边距，位置居中。 像这样但没有边际

ul{
边际：0px；
填充：0px
} 
.颜色{
左侧填充：50px；
右边填充：50px；
}
李先生{
显示：内联块；
列表样式：无；
高度：8px；
宽度：38px；
保证金：0；
填充：0；
}
.产品{
宽度：450px；
文本对齐：居中；
盒影：0px 0px 15px rgba（0,0,0,3）；
}

默认情况下，浏览器为文本间距提供3倍的空间，但在您的情况下，您没有文本，因此您可以添加

ul{
  font-size:0;
}

---

默认情况下，浏览器为文本间距提供3倍的空间，但在您的情况下，您没有文本，因此您可以添加

ul{
  font-size:0;
}

---

如果将

ul

设置为flex容器，它将清除

空白

如果需要，您可以在

li

中添加一些垂直

边距

，并在父容器中添加

填充

ul{
边际：0px；
填充：0px；
显示器：flex；
证明内容：中心；
柔性包装：包装；
} 
.颜色{
左侧填充：50px；
右边填充：50px；
}
李先生{
显示：内联块；
列表样式：无；
高度：8px；
宽度：38px；
保证金：0；
填充：0；
}
.产品{
宽度：450px；
文本对齐：居中；
盒影：0px 0px 15px rgba（0,0,0,3）；
}

如果将

ul

设置为flex容器，它将清除

空白

如果需要，您可以在

li

中添加一些垂直

边距

，并在父容器中添加

填充

ul{
边际：0px；
填充：0px；
显示器：flex；
证明内容：中心；
柔性包装：包装；
} 
.颜色{
左侧填充：50px；
右边填充：50px；
}
李先生{
显示：内联块；
列表样式：无；
高度：8px；
宽度：38px；
保证金：0；
填充：0；
}
.产品{
宽度：450px；
文本对齐：居中；
盒影：0px 0px 15px rgba（0,0,0,3）；
}

您无需为此使用任何代码，只需缩小HTML代码，空格将自动删除

像这样：

<div class="product">  
  <div class="colors">                            
    <ul>
<li style="background-color:#00ff00;"></li>
<li style="background-color:#0f0f00;"></li>
<li style="background-color:#f00f00;"></li>
<li style="background-color:#00f00f;"></li>
<li style="background-color:#00ff00;"></li>
<li style="background-color:#0f0f00;"></li>
<li style="background-color:#f00f00;"></li>
<li style="background-color:#00f00f;"></li>
<li style="background-color:#00ff00;"></li>
<li style="background-color:#0f0f00;"></li>
<li style="background-color:#f00f00;"></li>
<li style="background-color:#00f00f;"></li>
    </ul>
  </div>
</div>

您无需为此使用任何代码，只需缩小HTML代码，空格将自动删除

像这样：

<div class="product">  
  <div class="colors">                            
    <ul>
<li style="background-color:#00ff00;"></li>
<li style="background-color:#0f0f00;"></li>
<li style="background-color:#f00f00;"></li>
<li style="background-color:#00f00f;"></li>
<li style="background-color:#00ff00;"></li>
<li style="background-color:#0f0f00;"></li>
<li style="background-color:#f00f00;"></li>
<li style="background-color:#00f00f;"></li>
<li style="background-color:#00ff00;"></li>
<li style="background-color:#0f0f00;"></li>
<li style="background-color:#f00f00;"></li>
<li style="background-color:#00f00f;"></li>
    </ul>
  </div>
</div>

@GoogleParamoik干杯！：）请标出我的答案，如果你找到了，请投上一票helpful@GoogleParamoik干杯！：）请在我的答案上做标记，如果你觉得有帮助，请投上一票