居中导航链接

Question

我正在使用wordpress来托管一个网站用于工作，我终于能够将网站的名称更改为图像..但现在它看起来很奇怪，因为导航链接仍然对齐到左边。我试图将它们集中在页面上，但我找不到要更改的代码。蓝线上的导航链接是类别，当我cntrl-F查找类别时，只显示2行，＆amp;它们只是隐藏所有链接。

我想知道是否有一段我应该寻找的代码，或者这些信息是否包含在样式表＆amp;不可编辑。

感谢您的帮助！另外，这是ref：http://phitlab.host22.com/wordpress/

的测试人员网站

编辑：找到需要编辑的html / css代码

<div id="cat-nav" class="clear">
<ul class="nav sf-js-enabled">
<li class="cat-item cat-item-3">
<a title="View all posts filed under Home" href="http://phitlab.host22.com/
wordpress/?cat=3">Home</a>
</li>
<li class="cat-item cat-item-4">
<a title="View all posts filed under People" href="http://phitlab.host22.com/
wordpress/?cat=4">People</a>
</li>
<li class="cat-item cat-item-5">
<a title="View all posts filed under Publications" href="http://phitlab.host22.com/
wordpress/?cat=5">Publications</a>
</li>
<li class="cat-item cat-item-7">
<a title="View all posts filed under Research" href="http://phitlab.host22.com/wordpress/?cat=7">Research</a>
</li>
<li class="cat-item cat-item-6">
<a title="View all posts filed under zContact" href="http://phitlab.host22.com/wordpress          /?cat=6">zContact</a>
</li>
</ul>
</div>
</div>

Answer 1

我会查看HTML源代码以检查元素是否有任何类或ID。如果他们不这样做，我会检查他们的父母的班级和ID。

然后在css代码中搜索这些类和id以查找其源代码。

如果您使用浏览器扩展程序或功能，这两项任务都会更容易。我喜欢firefox的firebug或chrome中的ctrl-shift-i。他们可以告诉你如何为每个元素决定样式以及找到它的css文件的哪一行。

如果您想要做的是将它们放在中心位置，那么使用px或％设置保存导航链接的容器元素可能是最容易的，然后设置

margin-left:auto;
margin-right:auto;