面临的挑战
在尝试使用内联块、块和中心对齐的组合来居中对齐水平菜单时，所需的结果仍然难以实现。
建议的解决方案Web
资源（http://pmob.co.uk/pob/centred-float.htm）提出了一种方法，该方法涉及向左浮动并向左移离屏幕的包装元素，并伴随内部元素浮动正确。
#buttons {
float: right;
position: relative;
left: -50%;
text-align: left;
}
#buttons ul {
list-style: none;
position: relative;
left: 50%;
}
#buttons li {
float: left;
position: relative;
}
#buttons a {
text-decoration: none;
margin: 10px;
background: red;
float: left;
border: 2px outset blue;
color: #fff;
padding: 2px 5px;
text-align: center;
white-space: nowrap;
}<div>
结论
提供的代码有效地集中了
以上是如何使用 CSS 浮动和包装器将水平``菜单居中？的详细内容。更多信息请关注PHP中文网其他相关文章！
