我想在页面上水平显示一组图像。每个图像下方都有几个链接,因此我需要在每个图像/链接组周围放置一个容器。
我最接近我想要的是将它们放在 float:left 的 div 中。问题是我希望容器对齐中心而不是左对齐。我怎样才能做到这一点。
最佳答案
使用 display:inline-block;
而不是 float
您不能将 float 居中,但是内联 block 居中,就好像它们是文本一样,因此在“行”的外部整体容器上 - 您可以设置 text-align: center;
然后对于每个图像/标题容器(它们是 inline-block;
),如果需要,您可以将文本重新左对齐
关于html - 对齐一个 float :left div to center?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5523632/