【问题标题】:how do i align 3 images in the center of this div?我如何在这个 div 的中心对齐 3 个图像?
【发布时间】:2017-01-25 08:17:29
【问题描述】:

我浏览了整个互联网并找到了有关如何执行此操作的答案,但它似乎对我来说并不奏效。请原谅我仍处于学习过程的早期阶段的混乱......但我想将这 3 个图像对齐在这个 div 的中心、页面的中心或任何你想称呼它的地方。 我想要中间的灵魂之夜海报,左边的利润实验室,右边的扑克牌。

我现在的代码:

enter image description here

网站现在的样子:

【问题讨论】:

  • 请提供JSFiddle。
  • jsfiddle.net/va97khwd你的意思是这样吗?
  • 是的 @RasmusEldblad 分享你在 jsfiddle 上的工作。这将帮助我们解决您的问题。

标签: css image alignment


【解决方案1】:

你可以使用 display:inline-block;并在容器中添加 text-align:center。

.container{text-align:center;}
.container img{display:inline-block;}

这里的工作示例:https://jsfiddle.net/u3hvd2g4/1/

【讨论】:

    猜你喜欢
    • 2016-11-08
    • 2016-12-21
    • 1970-01-01
    • 2012-03-15
    • 1970-01-01
    • 2021-07-04
    • 1970-01-01
    • 2011-02-05
    相关资源
    最近更新 更多