0

asp.net で水平メニューのスタイルを設定しています

<div id="menu" style="margin-left:auto;margin-right:auto" >
    <asp:Menu ID="Menu1" runat="server" Orientation="Horizontal" RenderingMode="list">
        <Items>
            <asp:MenuItem NavigateUrl="" Text=""  Value=""></asp:MenuItem>
            <asp:MenuItem  NavigateUrl="" Text="" Value=""></asp:MenuItem>
            <asp:MenuItem Text="" Value="">
                <asp:MenuItem NavigateUrl="" Text="" Value="" ></asp:MenuItem>
                <asp:MenuItem NavigateUrl="" Text="" Value="" ></asp:MenuItem>
                <asp:MenuItem Text=""  Value="">
                    <asp:MenuItem NavigateUrl="" Text="" Value=""></asp:MenuItem>
                    <asp:MenuItem NavigateUrl="" Text=""  Value=""></asp:MenuItem>
                </asp:MenuItem>
            </asp:MenuItem>
            <asp:MenuItem Text=""  Value="">
                <asp:MenuItem NavigateUrl="" Text=""  Value=""></asp:MenuItem>
            </asp:MenuItem>
            <asp:MenuItem Text=""  Value="">                             
                <asp:MenuItem NavigateUrl="#" Text="" Value=""></asp:MenuItem>
                <asp:MenuItem NavigateUrl="" Text="" Value=""></asp:MenuItem>
                <asp:MenuItem NavigateUrl="" Text="" Value="" Target="_blank"></asp:MenuItem>

            </asp:MenuItem>
        </Items>
    </asp:Menu>
</div><!-- #menu-->

私のページの幅は1200pxです。ただし、ユーザーによっては、5 つのメニュー リストがある場合もあれば、4 つのメニュー リストがある場合もあります。常に中央にメニューを表示できる Web ページを作成する必要があります。

CSSで特定の幅を設定せずに水平メニューを中央に設定する方法を知っている人はいますか?

4

5 に答える 5

1

id メニューで div の css を設定する 

#menu {
    margin:0 auto;
    Display: inline-block;
}

これにより、ブラウザの中央に配置されます

于 2014-02-06T06:58:48.433 に答える
1

id メニューで div の css を設定する 

margin:0 auto;
Display: inline-block;

これにより、ブラウザの中央に配置されます

于 2013-09-26T16:05:06.243 に答える
0

私はこの同じ問題に直面し、出くわしたすべての答えを試した後、Divのスタイルタグ/ cssに配置したときにうまくいった次のことを見つけました:

テーブル レイアウト:固定;

それが役立つことを願っています。

于 2014-09-23T12:27:28.627 に答える