css设置图标居中对齐，为什么图标的左边与div中线在一起

可能是因为您使用了行内元素或者块级元素没有设置宽度导致的。请尝试给包含图标的元素设置宽度，并将其设置为`display: inline-block`或`display: flex`。例如：

.icon {
  display: inline-block;
  width: 20px; /* 设置宽度，根据自己的需求来调整 */
  text-align: center; /* 让图标居中对齐 */
}

如果您的图标是通过`background-image`来实现的，请使用`background-position`来调整图标的位置，例如：

.icon {
  display: inline-block;
  width: 20px;
  height: 20px; /* 设置高度，根据自己的需求来调整 */
  background-image: url("path/to/your/icon.png");
  background-repeat: no-repeat;
  background-position: center center; /* 让图标居中对齐 */
}