[分享]css中如何让下拉菜单居中

CSS 中如何让下拉菜单居中？下面我们就来介绍一些方法。

一、使用 text-align 居中

.dropdown-menu {
  text-align: center;
}
.dropdown-menu li {
  float: none;
  display: inline-block;
} 

二、使用绝对定位居中

.dropdown-menu {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
} 

三、使用 flex 居中

.dropdown-menu {
  display: flex;
  justify-content: center;
} 

四、使用 table 居中

.dropdown-menu {
  display: table;
  margin: 0 auto;
}
.dropdown-menu li {
  display: table-cell;
} 

以上是一些让下拉菜单居中的方法，可以根据实际需求选择合适的方法来实现。希望对大家有所帮助。