带显示的导航：内联块不在 CSS 中居中？答案

【问题标题】：nav with display: inline-block not centering in css?带显示的导航：内联块不在 CSS 中居中？
【发布时间】：2014-06-29 05:44:55
【问题描述】：

我想在 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; 
}

【问题讨论】：

必须在父级上设置内联框的文本对齐才能在中间看到它们：=
您需要在要设置样式的每个元素后使用逗号：示例：nav, ul, li, a { text-decoration: none; } 希望这是错误所在。希望这可以帮助！ @user3606785
@GCyrillus 谢谢你 :^]

标签： css block center inline

【解决方案1】：

只需将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; 
}

【讨论】：