2

我有一个 UL 元素,其中包含 4 个图标的 div 使用绝对定位将其拉到屏幕底部。该 div 包含在一个固定的侧边栏中。

我使用display: inline了列表项来给我一个水平列表。

这是我在 bootply 上运行的代码,以演示我遇到的问题。当 4 个图标应该居中时,它们会稍微向右偏移:

http://bootply.com/76539

放在侧边栏中的其他内容在中心化方面没有问题。只是这份清单。

我已经尝试了很多方法来尝试使侧边栏中的图标居中,但它们似乎都没有工作。我已经尝试过列表项,inline-block并且float:left似乎得到了相同的结果。

谁能看到这里的错误?我确定我错过了一些简单的事情。

4

1 回答 1

2
#social-icons ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

你也写text-align: c而不是text-align: center

我还编辑了您的示例:链接

于 2013-08-23T14:05:00.860 回答