[英]Having some trouble centering the logo inside the div that will hold my menu
我有以下HTML:
<div id="main-menu">
<a id="main-menu-logo" href="index.html">
<span style="color:white;">MY NAME</span>
</a>
<div id="main-menu-items">
......
</div>
</div>
以及以下CSS:
#main-menu{
margin-left: 1px;
float: left;
height: 40px;
border: 2px solid black;
background-color: rgba(0, 0, 0, 0.8);
width: 120px;
}
#main-menu-items{
display: none;
}
#main-menu-logo {
line-height: 40px;
display: inline-block;
padding-left: 10px;
padding-right: 10px;
text-align: center;
}
如何使主菜单徽标位于主菜单的中央?
谢谢
您可以使用display:table和margin居中。
#main-menu-logo {
line-height: 40px;
display: inline-block;
margin: 0 auto;
display: table;
}
此处的更多信息: 如何将<div>在另一个<div>中水平居中?
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.