Question

我一直在构建一个网站，无法弄清楚如何使导航链接居中。该网站使用CSS表格使用HTML格式。

我试图使用

来集中他们

margin: 0 auto;

任何建议都会很棒！

网站地址为http://tinyurl.com/7x7nzz3

如果您希望我将所有代码粘贴到此处，请请求我，但我认为没有必要，因为代码可以从视图源公开获取

Answer 1

尝试将以下css规则应用于div＃header

text-align: center;

Answer 2

首先，在CSS中你有这个：

#menu li {
   float: left;
}

删除这个！

其次，试试这个：

#menu
{
   text-align: center;
}

它只会将#menu中的任何文字居中，如果不起作用，您也可以添加此文字：

#menu ul, #menu ul li
{
    text-align: center;
}

如果它不起作用，我不知道为什么！

Answer 3

添加

display: block;
width: 600px

保证金：0px auto需要固定宽度和块元素！

Answer 4

这可以使用firebug：

#menu ul {
  line-height: normal;
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 600px;
}

Answer 5

当必须以指定的格式（如颜色，定位，字体等）打印文本时，使用CSS。一定间隔后反复重复。比如说你有2种字体font1，font2。现在您要按如下方式打印文本，

font1
font2
hyperlink(navigation link)
font1
table
font2

这里我们使用了CSS两种类型的字体，我们反复使用但没有连续使用，并且编写相同颜色，位置，字体类型等的逻辑。每次都是一个令人厌烦的过程，因为CSS出现在图片中。在这种情况下，它实际上是HTML和导航链接与CSS无关，因此HTML代码中的简单<center><a href="link"> CLICK ME</a></center>将执行所需的更改。此处<center>标记表示应在中心打印，如果在使用后没有正确关闭标记</center>，则页面上的所有剩余内容也将由dafault居中。

CSS导航定位

5 个答案: