css - WordPress页脚菜单-单行格式

Question

我能够为 WordPress 20 主题创建第二个菜单并将其添加到我的子主题的页脚。我在子主题页脚中修改的代码如下：

<div id="site-info">
<!-- EDIT -->
Copyright (c) 2013 Acme Inc. All rights reserved.
<?php wp_nav_menu( array( 'theme_location' => 'footer-menu' ) ); ?>
<!-- EDIT -->
</div><!-- #site-info -->

页脚菜单有效，但格式不正确。当前格式如下：

Copyright (c) 2013 Acme Inc. All rights reserved.
- Privacy Policy
- Terms & Conditions

我想要格式，所以所有内容都与“|”保持在同一行 分隔隐私政策和条款和条件的符号。我也想松开子弹（不确定它们是从哪里来的？）。像这样：

Copyright (c) 2013 Acme Inc. All rights reserved. Privacy Policy | Terms & Conditions

我认为这是一个 CSS 问题，但我不确定？

浏览器呈现的页脚部分：

    <div id="footer" role="contentinfo">
        <div id="colophon">
            <div id="site-info">
                <!-- EDIT -->
                Copyright &copy; 2013 Acme Inc. All rights reserved.
                <div class="menu-footer-container">
                <ul id="menu-footer" class="menu">
                    <li id="menu-item-48" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-41 current_page_item menu-item-48">
                        <a href="http://www.kb8b.com/?page_id=41">Privacy Policy</a>
                    </li>
                    <li id="menu-item-49" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-49">
                        <a href="http://www.kb8b.com/?page_id=39">Terms & Conditions</a>
                    </li>
</ul></div>                <!-- EDIT -->
            </div><!-- #site-info -->

            <div id="site-generator">
                <!-- EDIT -->
                <!-- EDIT -->
            </div><!-- #site-generator -->

        </div><!-- #colophon -->
    </div><!-- #footer -->

</div><!-- #wrapper -->

Answer 1

在您style.css的子主题目录中，添加以下行：

ul#menu-footer li
{
    float: left;
    list-style: none;
}

您还必须为<ul>自身设置宽度并调整其位置。

Answer 2

将display属性设置为inline或inline-block用于列表元素。

Answer 3

要在单个和删除项目符号中显示使用代码：-

 .menu-footer-container ul li
{
    float: left;
    list-style:none;
}