导航与显示：内联块不在CSS中心？

Question

我正试图将我的导航中心显示：css中的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; 
}

Answer 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; 
}