Html 居中页脚列表

我已经四处寻找了很长一段时间，现在试图找到解决这个具体问题的办法

我有一个位于容器外部的页脚，这样我就可以在页面上展开页脚，而不必将其粘附到宽度为960px的父div上

当我试图在页脚中创建3列居中列表时，这导致了一个问题

我无法发布我测试过的所有代码，但这就是我目前拥有的-

CSS

Html:

这是当前情况的一个缩影，注意页脚宽度跨越整个页面，并且位于内容容器之外

我是个新手，所以我很难区分如何将这些列表平行居中

我知道你不能准确地将浮动居中，所以我认为绝对定位是解决方案，但到目前为止我只找到了死胡同

---

有人能帮忙吗？

也许你可以把它们放在左边

.col {
   float:left;
}

如果您想将其居中，可以使用另一个div支架，您可以使用该支架居中：

margin: auto auto;

---

也许你可以把它们放在左边

.col {
   float:left;
}

如果您想将其居中，可以使用另一个div支架，您可以使用该支架居中：

margin: auto auto;

你不想加入这项工作吗

#footer div {
    width:33%;
    display:inline-block; 
}

你不想加入这项工作吗

#footer div {
    width:33%;
    display:inline-block; 
}

只需做一个简单的：

CSS: 只需做一个简单的：

CSS: 完美地工作

.col, .col2, .col3 {
float: inline-block; 
width: 33%;
}

完美地工作

.col, .col2, .col3 {
float: inline-block; 
width: 33%;
}

---

---

哦，比我先到+我会这样做的。该死的你和你的速度谢谢你的回答。我没看到你是第一个，它工作得很好！哦，等等。33%的宽度把事情搞砸了。我应该解释一下，我希望页脚中的内容在960px以内，因此它位于内容下方，而不是超出内容的宽度（除了BG）。您需要将.col列div以设置的宽度/最大宽度包装在另一个居中div中：请看：我自己刚刚发现了这一点。太傻了！我再一次低估了div的力量。谢谢保利，帮了大忙。哦，比我先到了+我会这样做的。该死的你和你的速度谢谢你的回答。我没看到你是第一个，它工作得很好！哦，等等。33%的宽度把事情搞砸了。我应该解释一下，我希望页脚中的内容在960px以内，因此它位于内容下方，而不是超出内容的宽度（除了BG）。您需要将.col列div以设置的宽度/最大宽度包装在另一个居中div中：请看：我自己刚刚发现了这一点。太傻了！我再一次低估了div的力量。谢谢Paulie，帮了大忙。@Simonas B。它在JSFIDLE中似乎是这样工作的，但是当缩放到1600px宽的屏幕时，所有的列都在中间偏左的地方。由于我的页脚宽度与内容的宽度不同，因此它们比页脚宽度也为960px时向左走得更远。margin:auto；不会使它们居中。不管怎么说，都不在你的掌握之中。你需要给他们宽度：33.3%@SimonasB我在评论中确实说过，但重点是。。。你没有。我是用小提琴演奏的，不是吗？@SimonasB。不。您对容器做了，但对col.@Simonas B没有。它在JSFIDLE中似乎是这样工作的，但是当缩放到1600px宽的屏幕时，所有列都在中心的左侧。由于我的页脚宽度与内容的宽度不同，因此它们比页脚宽度也为960px时向左走得更远。margin:auto；不会使它们居中。不管怎么说，都不在你的掌握之中。你需要给他们宽度：33.3%@SimonasB我在评论中确实说过，但重点是。。。你没有。我是用小提琴演奏的，不是吗？@SimonasB。不。你是为了集装箱而不是上校。。。。这个问题已经有两个答案了。不要认为我们需要第三个。在提交我的答案后，我知道你已经提交了。很抱歉这个问题已经有两个答案了。不要认为我们需要第三个。在提交我的答案后，我知道你已经提交了。很抱歉圣徒工作得很好。我希望我能理解为什么。我想说保利就在我之前拿到了。查找有关内联块的信息。从技术上讲，你的答案是最接近正确的，但这只是因为我遗漏了一些细节。再次感谢。@user3198110没问题，编码愉快！圣徒工作得很好。我希望我能理解为什么。我想说保利就在我之前拿到了。查找有关内联块的信息。从技术上讲，你的答案是最接近正确的，但这只是因为我遗漏了一些细节。再次感谢。@user3198110没问题，编码愉快！