我想在 css 中使用 display:inline-block 使我的导航居中?
nav {
position: fixed;
width: 100%;
}
nav ul {
width: 100%;
margin: auto;
}
nav ul li {
display: inline-block;
margin: 5px 20px 5px 20px;
text-align: center;
}
最佳答案
只需将 text-align:center;
添加到 inline-block
元素的父元素即可。
nav {
position: fixed;
width: 100%;
}
nav ul {
width: 100%;
margin: auto;
text-align:center;
}
nav ul li {
display: inline-block;
margin: 5px 20px 5px 20px;
text-align: center;
}
关于css - 带显示的导航 : inline-block not centering in css?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23599272/