CSS 3 灵活的盒子布局
使用下面的 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: left 并且它起作用了！
谢谢。
With the CSS bellow I can center every li inside of an ul. The problem is that i can't see the li elements. They're under the ul. I know that they're centered because i saw it in Chrome Developer Tools.
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 doesn't work at all...
UPDATE: I've remove float: left and it worked!
Thank you.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
尝试为 ul 添加固定高度。
Try adding a fixed height to the ul.