你能帮我用CSS集中一个元素吗？

我一直在困惑的东西，应该是很容易的，但在一个无果的三个小时后，我还没有解决它：

一个朋友要求我修复his WordPress website的模板，使水平导航菜单栏在页面上水平居中。他希望它贴合在红色部分的底部中间 – 然后它只会适合在红色页面两侧的两个标志之间。

红色部分(class =“header”)将text-align设置为center。这似乎是足够好，以确保标题和其下的描述文本是中心对齐，但由于某种原因，我不能使菜单(这是一个ul)对齐到页面的中心。

有人会关心建议我做错了什么？为什么我不能得到菜单居中？它是什么，我需要改变在样式表，以使它工作？

解决方法

要使一行块居中，您应该使用inline-block：

ul.menu { display: block; text-align:center; }
ul.menu li { display: inline-block; }

IE不理解inline-block，但是如果你将它设置为inline只是为了IE，它仍然会表现为一个inline-block：

<!--[if lt IE 8]>
ul.menu li { display: inline }
<![endif]-->

原文地址：https://www.jb51.cc/css/222570.html