0

だからここに私のコードがあります：

#headerMenu_outer #headerMenu_inner
{
    background-color:#333333;
}
#headerMenu_outer #headerMenu_inner li
{
    padding-left:15px;
    padding-right:15px; 
    text-align:center;
    font-size:13px;
    font-weight:bold;
    display:inline;
    color:#00FF33;
    background-color:#00CCCC;
    cursor:pointer;
}

headerMenu_innerをheaderMenu_outerの中央に配置したいと思います。通常、「margin-left：auto」と「margin-right：auto」が機能します。ただし、headerMenu_innerはheaderMenu_outerの幅全体を占めています。とにかくそれをしないようにすることはありますか？私はそれがliが必要とするのと同じくらい広くしたいです。

ありがとうございました

4

1 に答える 1

3

#headerMenu_innerはブロックレベルの要素である可能性が高いため、可能な限り多くの水平方向のスペースを占有します。その要素に幅を割り当ててから、マージントリックを実行します（margin: 0 auto中央に配置するなど）。

LIと同じ幅にしたい場合は、（頭のてっぺんから）LI要素をラップしないように設定してから、「inner」要素をに設定しますdisplay: inline-block。

于 2012-05-07T19:56:17.597 に答える