我有一些菜单项,无论我做什么都不想居中。我真的不确定我做错了什么。我觉得 PHP 拉菜单项可能是个问题(我不知道 PHP,它来自一个主题),因为当我手动添加我自己的 UL 菜单项时,它们会完美居中。
任何帮助,将不胜感激!
PHP 文件代码
<div id="hmenubar">
<?php $navcheck = '' ; ?>
<?php $navcheck = wp_nav_menu( array( 'container_class' => 'menu-header',
'theme_location' => 'primary' ,
'menu_class' => 'nav',
'fallback_cb' => '',
'echo' => false ) ); ?>
<?php if ($navcheck == '') { ?>
<ul class="nav">
<?php wp_list_pages('title_li=&sort_column=menu_order'); ?>
</ul>
<?php } else echo($navcheck); ?>
</div>
CSS 代码
#hmenu_container {
height: 30%;
width:100%;
display: block;
text-align; center;
}
#hmenubar {
margin: 0 auto;
}
#hmenubar ul {
font-family: 'Calligraffitti', cursive;
font-size: 1.5rem;
display: inline-block;
list-style: none;
margin: 0 auto;
}
编辑:列表的 HTML
<div class="menu-header">
<ul id="menu-photography" class="nav">
<li id="menu-item-15" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-15"><a href="/">Home</a></li>
<li id="menu-item-13" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13"><a href="/blog/">Blog</a></li>
<li id="menu-item-14" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14"><a href="/about/">About</a></li>
<li id="menu-item-21" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-21"><a href="/gallery/">Gallery</a></li>
<li id="menu-item-20" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-20"><a href="/projects/">Projects</a></li>
<li id="menu-item-16" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-16"><a href="/insquares">Insquar.es</a></li>
<li id="menu-item-17" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-17"><a href="/instagram">Instagram</a></li>
</ul>
</div>