html - 对齐一个 float :left div to center?

标签 html css

我想在页面上水平显示一组图像。每个图像下方都有几个链接,因此我需要在每个图像/链接组周围放置一个容器。

我最接近我想要的是将它们放在 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/

相关文章:

html - Angular <script> 标记在 html 中的位置

html - HTML 页面中的多个表单发布到自身

HTML srcset - 何时使用 x 描述符?

javascript - Radium 内联 CSS - 构建导出类?

html - 悬停时图像上的文字受滤镜亮度影响

css - 母版页不抓取 contentPlaceHolder 的样式

jquery,选择器,查找,文本

javascript - jquery Accordion 菜单默认在加载时关闭

javascript - jquery悬停不显示子菜单

javascript - Angular 三态拨动开关