0

对于我的生活，我无法将列表项放在页面中心。任何人都可以伸出援助之手吗？我只希望六个 li 元素居中，直到它转移到移动设备上。JS 小提琴：https ://jsfiddle.net/qkre9v17/这是 html：

<div class="header">
  <a href="index.html" class="logo"><img src="logo_ph.png" /></a>
  <div class="nav-collapse" id="nav">
    <ul>
      <li class="dropdown">
        <a href="section.html" class="dropdown-toggle">Management</a>
        <ul>
          <li><a href="subpage.html">Sub link</a></li>
          <li><a href="subpage.html">Sub link</a></li>
          <li><a href="subpage.html">Sub link</a></li>
          <li><a href="subpage.html">Sub link</a></li>
          <li><a href="subpage.html">Sub link</a></li>
          <li><a href="subpage.html">Sub link</a></li>
          <li><a href="subpage.html">OUR ENVIRONMENT STORY</a></li>
        </ul>
      </li>
      <li class="dropdown">
        <a href="section.html" class="dropdown-toggle">Environment</a>
        <ul>
          <li><a href="subpage.html">Sub link</a></li>
          <li><a href="subpage.html">Sub link</a></li>
          <li><a href="subpage.html">Sub link</a></li>
          <li><a href="subpage.html">Sub link</a></li>
          <li><a href="subpage.html">Sub link</a></li>
          <li><a href="subpage.html">Sub link</a></li>
        </ul>
      </li>
      <li class="dropdown">
        <a href="section.html" class="dropdown-toggle">Social</a>
        <ul>
          <li><a href="subpage.html">Sub link</a></li>
          <li><a href="subpage.html">Sub link</a></li>
          <li><a href="subpage.html">Sub link</a></li>
          <li><a href="subpage.html">Sub link</a></li>
          <li><a href="subpage.html">Sub link</a></li>
          <li><a href="subpage.html">Sub link</a></li>
        </ul>
      </li>
      <li class="dropdown">
        <a href="section.html" class="dropdown-toggle">Economic</a>
        <ul>
          <li><a href="subpage.html">Sub link</a></li>
          <li><a href="subpage.html">Sub link</a></li>
          <li><a href="subpage.html">Sub link</a></li>
          <li><a href="subpage.html">Sub link</a></li>
          <li><a href="subpage.html">Sub link</a></li>
          <li><a href="subpage.html">Sub link</a></li>
        </ul>
      </li>
      <li class="dropdown">
        <a href="section.html" class="dropdown-toggle">Governance</a>
        <ul>
          <li><a href="subpage.html">Sub link</a></li>
          <li><a href="subpage.html">Sub link</a></li>
          <li><a href="subpage.html">Sub link</a></li>
          <li><a href="subpage.html">Sub link</a></li>
          <li><a href="subpage.html">Sub link</a></li>
          <li><a href="subpage.html">Sub link</a></li>
        </ul>
      </li>
      <li class="dropdown">
        <a href="section.html" class="dropdown-toggle">Company Profile</a>
      </li>
    </ul>
  </div>
</div>
4

0 回答 0