html - 如何使这个水平列表在固定 div 内居中?

标签 html css twitter-bootstrap

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

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

这是我在 bootply 上运行的代码,以演示我遇到的问题。这 4 个图标本应居中,但却稍微向右偏移:

http://bootply.com/76539

放在侧边栏中的其他内容作为中心内容没有问题。只是这个列表。

我尝试了很多方法来尝试将图标置于侧边栏中,但似乎都不起作用。我在列表项上尝试了 inline-blockfloat:left ,似乎得到了相同的结果。

有人能看出这里的错误吗?我确信我错过了一些简单的事情。

最佳答案

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

您还编写了 text-align: c 而不是 text-align: center

我还编辑了您的示例:link

关于html - 如何使这个水平列表在固定 div 内居中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18404762/

相关文章:

php - 页面在 Wamp 上显示但在真实服务器上出错

html - 有色图像的线性渐变 hack : Am I doing it wrong?

css - Flexbox 在 Chrome 中将空行放在 <li> 中

php - div 在 php 中 while 循环

css - 我正在尝试在 Bootstrap 行中放置 8 个元素 - 我想知道这是否可能?

html - 按 x 轴滚动

javascript - 检查文件何时被拖到网站

html - tabpane 内的行

html - div 内的额外填充

javascript - 为什么我的 paypal minicart 隐藏在我的导航栏后面?