Jquery 定制响应导航菜单（Naver）

我正在使用创建响应性导航菜单，但很难实现所需的布局。我已将媒体查询断点配置为640 px，虽然我希望导航菜单在非移动状态下向右浮动，但当插件初始化时，我希望列表项填充标题宽度的100%，在徽标下方居中的文本保留在左上角。我试图找出需要相应调整的布局元素

@media screen and (max-width: 640px) {
   nav li {
      float: none;
      width: 100%;
      text-align: center;
   }
}

---

谢谢你的帮助。

如果你用这个替换你的css，我想这就是你想要的

nav {
    width: 100;
}
nav ul {
    display: table;
    list-style-type: none;
    width: 100%;
}
nav li {
    display: table-cell;
    text-align: center;
    margin-right: 10px;
}