0

我无法将我在一个非常基本的“即将推出”页面上的水平无序列表居中。

您可以点击该站点的链接并查看代码等。您会注意到带有 3 个社交图​​标的水平列表相对于大标题和电子邮件地址并不完全居中，似乎有点向右浮动。

有想法该怎么解决这个吗？

4

3 回答 3

2

设置padding-left:0;在您的ul元素上。

这将覆盖-webkit-padding-start: 40px;Google Chrome 正在偏移中心位置的默认浏览器。其他浏览器默认设置可能会有所不同。

在谷歌浏览器中测试，这解决了这个问题。

于 2012-11-27T09:47:09.717 回答
1

从.social_list元素中删除左侧填充。

.social_list {
  padding: 0;
}

Firebug 使解决此类问题变得更加容易，因为它会在您检查 DOM 时向您显示元素的填充和边距。

于 2012-11-27T09:50:55.700 回答
1

@Curt 答案是正确的，但是您需要重置元素，因此您实际上正面临这个问题

使用它来重置浏览器默认值，我总是使用它而不是CSS Reset样式表..

* {
  padding: 0;
  margin: 0;
}

比你不需要为你在网页上使用padding-left: 0;的每一个声明，因为浏览器为某些元素设置了默认样式，因此你面临这个问题ul

于 2012-11-27T09:54:07.960 回答