0

如果您访问http://www.leapfm.com并向下滚动到页脚，您会看到链接位于右下角。

我怎样才能把他们放在中心？

请使用 Firebug 或检查元素以便于访问代码。

4

6 回答 6

1

将 li 元素正确地包含在 ul 中，并margin: 0 auto在其上设置。

而不是使用 li 元素作为分隔符，您可以使用li + li:before { content: "|"; }

于 2013-08-07T00:58:01.557 回答
1

所以我将从 div class="footer" 开始，你需要更改或添加这些 css 属性：

.footer {
   display: block;
   text-align: center;
   width: auto;
}

页脚内链接的 li：

.footer li {
   display: inline-block;
}

然后是上述 li 标签内的 a 标签：

.footer li a {
   display: inline-block;
   float: none;
}
于 2013-08-07T01:00:41.633 回答
0

删除类声明的 CSS float:right。

.footer a {
    float: right; //Remove this
    display: block;
    margin-right: 5px;
    color: black;
}
于 2013-08-07T00:58:17.693 回答
0

尝试<li>用<ul>

然后添加这个 css ：

.footer {
   display: block;
   text-align: center;
}
.footer ul {
   margin: 0 auto;
}
.footer li {
   float: left;
   display: inline-block;
}
于 2013-08-07T03:52:10.740 回答
0

float:right;从标签中删除并附上.footer a您liul

<div class="footer">
    <ul>
          <li><a href="/songs/new">Submit |</a></li>
          <li class="divider"></li>
          <li><a href="/faq">FAQ | </a></li> 
          <li class="divider"></li>
          <li><a href="/contact">Contact Us </a></li>
    </ul>
</div>
于 2013-08-07T03:58:41.370 回答
0

首先，您应该将每个 LI 包含在 UL 或 OL 中。

与其他人指出的相反，您不需要为 UL/OL 提供 0 auto 的边距，因为它已经占用了它拥有的整个空间。或者给页脚和文本对齐显示：块。因此，当您将 text-align:center 设置为 li; 他们会神奇地进入元素的中心。无需居中父元素（ul）。

此外，如果您想以正确的方式做事，请摆脱 br 标记并使用边距或填充在布局周围留出空间。

所以; 您需要添加到代码中的是：

ul{
text-align:center;
}

ul li{
display:inline-block;
}

很抱歉把这个放在答案中。我宁愿对最佳答案发表评论。我没有足够的代表。不是荣耀狩猎！

希望这可以帮助

于 2013-08-07T16:09:06.950 回答