相关疑难解决方法(0)

我需要居中对齐水平菜单.
我已经尝试了各种解决方案,包括混合inline-block/ block/ center-align等,但都没有成功.

这是我的代码:

<div class="topmenu-design">
    <!-- Top menu content: START -->
    <ul id="topmenu firstlevel">                                                                                       
      <li class="firstli" id="node_id_64"><div><a href="#"><span>Om kampanjen</span></a></div></li>
      <li id="node_id_65"><div><a href="#"><span>Fakta om inneklima</span></a></div></li>
      <li class="lastli" id="node_id_66"><div><a href="#"><span>Statistikk</span></a></div></li>
    </ul>
    <!-- Top menu content: END -->
</div>

UPDATE

我知道如何居中对齐ul内div.这可以使用Sarfraz的建议来完成.但是列表项目仍然在内部浮动ul.

我需要Javascript来完成这个吗？

鉴于以下标记:

<ul>
   <li>apple</li>
   <li class="highlight">orange</li>
   <li>pear</li>
</ul>

两者ul的和li的宽度显示为100%.如果我将a background-color应用于列表项,则突出显示会拉伸页面的整个宽度.

我只希望背景高光拉伸到最宽的项目(可能有一些填充).如何将宽度li(或可能是ul宽度)约束到最宽项目的宽度？

我有以下HTML代码:

<section class="video">
            <div class="container">
                <div class="row">
                    <div class="col-md-12 text-center">

                        <ul class="footer-nav">
                            <li><a href="#">Contact</a></li>
                            <li><a href="#">Press</a></li>
                            <li><a href="#">Careers</a></li>
                            <li><a href="#">Business</a></li>
                            <li><a href="#">Careers</a></li>
                            <li><a href="#">Business</a></li>
                        </ul>

                    </div>
                </div>
            </div>
        </section>

并且包含我的CSS(在jsfiddle中)我得到的结果是文本与左边对齐...我如何将所有内容都居中,所以结果如下:

                  Contact  Press  Careers  Business  Careers  Bussiness 

？谢谢.

我正在尝试将ul和li图像居中，但是这并没有发生，我尝试过此操作，但这对我没有用。

我想将无序列表及其列表项居中

的HTML

<div class="brands">
  <ul>
    <li><img src="images/flipkart.png"></li>
    <li><img src="images/ola.png"></li>
    <li><img src="images/olx.png"></li>
    <li><img src="images/telenor.png"></li>
    <li><img src="images/uc.png"></li>
    <li><img src="images/oyo.png"></li>
  </ul>
</div>

的CSS

<div class="brands">
  <ul>
    <li><img src="images/flipkart.png"></li>
    <li><img src="images/ola.png"></li>
    <li><img src="images/olx.png"></li>
    <li><img src="images/telenor.png"></li>
    <li><img src="images/uc.png"></li>
    <li><img src="images/oyo.png"></li>
  </ul>
</div>