CSS 中如何让下拉菜单居中?下面我们就来介绍一些方法。一、使用 text-align 居中.dropdown-menu { text-align: center; } .dropdown-menu
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; }
以上是一些让下拉菜单居中的方法,可以根据实际需求选择合适的方法来实现。希望对大家有所帮助。
粉丝
0
关注
0
收藏
0