[分享]css下拉菜单如何居中显示图片

CSS下拉菜单是Web开发中常用的一种交互方式，其中常常包含图片。如何让下拉菜单中的图片居中显示呢？代码如下： .dropdownmenu img { display: block; margin: ...

CSS下拉菜单是Web开发中常用的一种交互方式，其中常常包含图片。如何让下拉菜单中的图片居中显示呢？

代码如下：
.dropdown-menu img {
  display: block;
  margin: 0 auto;
} 

可以看到，只需要对下拉菜单中的图片进行样式设置即可。具体地，我们将图片的display属性设为block，使其变为块级元素，然后加上margin:0 auto，让图片水平居中显示。