Question

每次打开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 }

Answer 1

您可以使用边距标记居中元素。但是，对于这项工作，你必须声明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 -->
}

菜单大小和位置

1 个答案: