以下のCSSを使用すると、すべてのliをul内の中央に配置できます。問題は、li要素が表示されないことです。彼らはulの下にいます。Chromeデベロッパーツールで見たので、中央に配置されていることがわかります。
nav ul {
-webkit-box-pack: center;
display: -webkit-box;
margin: 0 auto;
overflow: hidden;
}
nav ul li {
float: left;
list-style-type: none;
padding: 25px;
}
z-indexがまったく機能しません...
更新：floatを削除しました：残って動作しました！
ありがとうございました。