Question

我有两个ul，我需要把它们放在一行： http://jsfiddle.net/2r5ER/207/我的小提琴我想要做的就是将所有内容放在一行。任何建议？

 <nav>

     <div class="menu-topmenu-container">
       <ul id="menu-topmenu" class="menu">
          <li id="menu-item-53" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-53"><a href="#whatson">What’s On</a></li>
          <li id="menu-item-46" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-46"><a href="">Collections &amp; Research</a></li>
          <li id="menu-item-52" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-10 current_page_item menu-item-52"><a href="http://muzej.ba/visiting-us/">Visiting Us</a></li>
          <li id="menu-item-50" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-50"><a href="">Learning</a></li>
          <li id="menu-item-49" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-49"><a href="">Get Involved</a></li>
       </ul>
    </div>       
     <ul class="second-row">
           <li><a href="">test</a></li>
          <li><a href="#">ONLINE SHOP</a></li>
       </ul>
    </nav>

Answer 1

将其设为display: inline或display:inline-block。

Answer 2

您可以简单地将display:flex;添加到nav，如下例所示：

＆＃13;

nav {
  float: right;
  display:flex;
  margin-top: 10px;
  margin-right: 25px;
}

nav ul li {
  display: inline;
  text-decoration: none;
}

＆＃13;

<nav>
  <div class="menu-topmenu-container">
    <ul id="menu-topmenu" class="menu">
      <li id="menu-item-53" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-53"><a href="#whatson">What’s On</a></li>
      <li id="menu-item-46" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-46"><a href="">Collections &amp; Research</a></li>
      <li id="menu-item-52" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-10 current_page_item menu-item-52"><a href="http://muzej.ba/visiting-us/">Visiting Us</a></li>
      <li id="menu-item-50" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-50"><a href="">Learning</a></li>
      <li id="menu-item-49" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-49"><a href="">Get Involved</a></li>
    </ul>
  </div>        
  <ul class="second-row">
    <li><a href="">test</a></li>
    <li><a href="#">ONLINE SHOP</a></li>
  </ul>
</nav>

＆＃13;

如果您不需要换行<div class="menu-topmenu-container">，可以将其删除！

Answer 3

有了这个：

Thread.sleep(5000)

应该够了。

如何把两个ul放在一起？

3 个答案: