.menu { display:flex; justify-content:center; } .menu li { margin:0 10px; }
以上代码将菜单的父元素设置为弹性容器,并使用justify-content属性将其居中对齐。
在li标签中,大家设定了一个margin值来让菜单项在menu容器中间对齐。此处的margin值需要根据实际需求进行调整,以达到最佳效果。
需要注意的是,以上代码针对简单的Menu菜单而言,若Menu菜单中包含更多内容或其他特殊设计,在代码上需要考虑更多的细节。总之,居中对齐的实现需要根据具体情况进行调整。