Question

我正在尝试将导航置于此页面的中心位置：http://66.147.244.50/~schneie1/

但是，包含ul按钮的div会占用整个宽度，因此我无法执行“text-align:center;”

这是page.tpl.php和CSS文件：

<nav id="navigation" role="navigation" class="clearfix">    
    <?php if ($page['navigation']): ?> <!--if block in navigation region, override $main_menu and $secondary_menu-->
        <?php print render($page['navigation']); ?>
    <?php endif; ?>
    <?php if (!$page['navigation']): ?>
        <?php if ($main_menu): print $main_menu;
        endif; ?>
        <?php if ($secondary_menu): print $secondary_menu;
        endif; ?>
<?php endif; ?>
</nav> <!-- /#navigation -->

#navigation {
    margin: 0 0 1.5em; 
    padding: 0; 
    width:auto; 
    margin-left:auto; 
    margin-right:auto; 
}

#navigation ul.main-menu {
    margin:0; 
    padding: 0;
    display:block; 
    width:auto; 
}

#navigation ul.main-menu li {
    float: left; 
    margin: 0;
    padding: 0; 
}

提前致谢！

Answer 1

将#navigation的宽度从“auto”更改为值。自动意味着它将扩展屏幕的整个宽度，除非您已将其包装在具有固定宽度的块级元素中。你需要一些东西供你的“汽车”参考。

如何在Drupal中心导航栏？

1 个答案: