0

ここでわかるように; http://bit.ly/sifpz9、プライマリ ナビゲーションの「新着情報」または「アクセサリ」にカーソルを合わせると、ツールチップ スタイルのサブ ナビゲーション ドロップダウンが完全に中央に表示されます。ただし、「服」にカーソルを合わせると、中央に表示されません。

私は再配置を試みましたが、他の2つを台無しにすることなく、そのナビの「衣服」では機能しません.

より良い解決策または修正はありますか?

ありがとうございました！

4

2 に答える 2

0

これは、次の CSS を使用して簡単に実現できます。

#top-menu ul ul {
    margin-left: -87.5px;
    left: 50%;
    }

ul の幅が 175 ピクセルであるため、87.5 ピクセルのマイナス マージンを使用します。これにより、ul の幅の半分が得られます。次に、それを 50% 左に移動して、li のアンカー タグの中央に配置します。

これが理にかなっていることを願っています。問題があればコメントを残してください。折り返しご連絡いたします。

于 2012-06-30T18:54:37.870 に答える
0

実はたまたまサブメニューが「新機能」と「アクセサリー」を中心に配置されているのですが、実際には中央に配置されているように見えます。問題は、内側のサブメニューにleft固定されたスタイル位置を定義して、間違っていることです。-31px

しかし、これらのサブメニューの幅は固定されているため、古いトリックを使用して信頼できます。

#top-menu ul ul {
    left: 50%;
    margin-left: -88px;
}

これにより、サブメニューが<li>要素の中央に移動し、そのサイズの半分 (多かれ少なかれ) の左側に戻ります。

于 2012-06-30T18:55:12.697 に答える