css小图标居中怎么设置 |css树形菜单

元素，它将包含图标：

<div class="icon"></div>

接下来，大家将在CSS中定义”icon”类：

.icon{
width: 30px; /* 设置图标的宽度 */
height: 30px; /* 设置图标的高度 */
background-image: url(image.jpg); /* 将图标嵌入到背景中 */
background-size: contain; /* 将图标对象适应背景容器的大小 */
background-repeat: no-repeat; /* 设置图标不重复 */
background-position: center; /* 将图标居中 */
margin: 0 auto; /* 将图标水平居中 */
 }

在上面的代码中，大家首先设置了图标的宽度和高度。然后，大家指定了图标的背景，将它嵌入到容器背景中。在实现居中的功能中，大家使用了background-position属性来将图标居中。margin:0 auto属性用于水平居中图标。 这样，大家就完成了在CSS中将小图标居中的设置。 希望对你有所帮助。