Javascript 如何确保水平子菜单在屏幕上对齐？

.wrap_nav_菜单{宽度：980px；边距：0自动；位置：绝对；顶部：40px；左侧：50%；左侧边距：-490px；}
.nav_菜单{位置：相对；高度：220px；}
.nav_wrap{padding top:80px；transform:none！重要；float:right；}
.nav_项{左填充：40px；浮点：左；}
.nav_item>a{显示：块；高度：70px；）0 0无重复；溢出：隐藏；}
.nav_item.home{位置：绝对；顶部：28px；左侧：0；}
.nav_item.home>a{宽度：179px；高度：168px；不透明度：1；背景：透明url（//image.genie.co.kr/imageg/web/promo_2019/0813/logo.png）0 0无重复；}
.sub_菜单{显示：无；}
.nav_wrap li:hover.sub_menu、.nav_wrap li>处于活动状态+.sub_menu、.nav_wrap li:hover.sub_menu、.nav_wrap li>处于活动状态+.sub_menu{display:block；}
.nav_wrap li{位置：相对；}
.nav_wrap li.sub_菜单{位置：绝对；宽度：980px；浮动：左；溢出：隐藏；页边距顶部：-10px；页边距：0自动；}
.nav_wrap li.sub_菜单>a{float:left；height:33px；padding right:15px；溢出：隐藏；边距：0 auto；}

请向我们展示您尝试过的代码。我不知道这是我第一次使用此网站。很抱歉代码已发布。