17

次のようなリストがあります。

<ul id="menu">
  <li><a href="#">Home</a></li>
  <li><a href="#">Work</a>
      <ul>
           <li><a href="#">CSS Development</a></li>
           <li><a href="#">Graphic Design</a></li>
           <li><a href="#">Development Tools</a></li>
           <li><a href="#">Web Design</a></li>
      </ul>
  </li>
  <li><a href="#">About</a></li>
  <li><a href="#">Contact Us</a></li>
  <li><a href="#">Feedback</a></li>
</ul>

これまでに行った作業の画像を添付します。

.

このメニューでは、フィードバックを右側に揃えたいと考えています。どうすればいいですか？

4

5 に答える 5

29

これを CSS コンテンツに追加します。

li:last-childliメニューリストの最後を選択します。

デモ

#menu > li:last-child
{
    float:right;
}
于 2013-05-07T17:56:18.590 に答える
10

使用するだけfloat: right;です：

<ul id="menu">
  <li><a href="#">Home</a></li>
  <li><a href="#">Work</a>
      <ul>
           <li><a href="#">CSS Development</a></li>
           <li><a href="#">Graphic Design</a></li>
           <li><a href="#">Development Tools</a></li>
           <li><a href="#">Web Design</a></li>
      </ul>
  </li>
  <li><a href="#">About</a></li>
  <li><a href="#">Contact Us</a></li>
  <li style="float: right;"><a href="#">Feedback</a></li>
</ul>

ここでデモを確認できます。

于 2013-05-07T17:56:29.303 に答える
0

これにより、メニュー全体が右に引っ張られ、ドロップダウン サブメニューも画面外に表示される代わりに右に引っ張られます。

 <div class="top-menu">
    <ul class="nav navbar-nav pull-right"><li class="dropdown dropdown-user">
         <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
          <i class="icon-settings"></i>
          <i class="fa fa-angle-down"></i>
        </a>
       <ul class="dropdown-menu pull-right">
          <li>
            <a href="page_user_profile_1.html">
              <i class="icon-user"></i> My Profile
            </a>
         </li>
      </ul>
    </li>
  </ul>
</div>
于 2016-10-26T19:12:53.340 に答える