0

HTMLを開くたびに、メニューの位置とサイズが異なります。修正を手伝ってもらえますか？中央にあるはずです。助けてくれてありがとう。

div.menu { 
    list-style:none; 
    margin:0; 
    padding:0; 
    width:100%;
    text-align:center;} 
div.menu ul{ 
    font-family: Verdana; 
    font-size:14px; 
    margin:20px; 
    padding:0;
    display:inline-block;} 
div.menu li{ 
    display:inline; } 
div.menu li a{ 
    text-decoration:none; 
    padding:5px 0; 
    width:100px; 
    background:#FBB117; 
    color:#4C4646; 
    float:left; 
    text-align:center; 
    border-left:1px solid #fff; }  
div.menu li a:hover{ 
    background:#a2b3a1; 
    color:#000 }
4

1 に答える 1

0

マージンタグを使用して要素を中央に配置できます。ただし、この作業では、の幅を宣言する必要があります。div.menu ulそうしないと、親要素の幅を継承しますdiv.menu。したがって：

div.menu ul{ 
    font-family: Verdana; 
    font-size:14px; 
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100px; <!-- SPECIFY WIDTH -->
}
于 2012-04-16T21:53:15.920 に答える