我有一个 UL 元素,在 div 中包含 4 个图标,该元素使用绝对定位将其拉到屏幕底部。该 div 包含在固定侧边栏中。
我在列表项上使用了 display: inline
来给我一个水平列表。
这是我在 bootply 上运行的代码,以演示我遇到的问题。这 4 个图标本应居中,但却稍微向右偏移:
放在侧边栏中的其他内容作为中心内容没有问题。只是这个列表。
我尝试了很多方法来尝试将图标置于侧边栏中,但似乎都不起作用。我在列表项上尝试了 inline-block
和 float: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/