如何在水平行中对齐 3 个图像

【问题标题】：How to align 3 images in an hortizontal row如何在水平行中对齐 3 个图像
【发布时间】：2017-10-08 00:16:38
【问题描述】：

我尝试了在 stackoverflow 中找到的不同选项，但它们似乎都不适合我的海豚。这就是它发生的事情： Problem description

【问题讨论】：

欢迎来到 Stack Overflow！提问前请阅读what this site is about 和“How to ask”。
有很多答案可用：like stackoverflow.com/questions/19683184/…
在问题本身中包含 HTML 和 CSS 代码，以便我们检查。共享代码的屏幕截图几乎没有帮助。另外，创建一个小提琴来帮助我们清楚地看到问题。
欢迎来到 Stack Overflow！预计您至少会尝试自己编写代码。 Stack Overflow 不是代码编写服务。我建议你做一些additional research，无论是通过谷歌还是通过搜索，尝试一下。如果您仍然遇到问题，请返回您的代码并解释您尝试过的操作。

【解决方案1】：

看看这个

#christmas_promotion_boxes {width:1000px; margin:0 auto 0 auto; text-align:center;}
#christmas_promotion_boxes div
{
display:inline-block;
}

<div id="christmas_promotion_boxes">
				<div id="christmas_promo_1">
					<img src="http://lilliemcferrin.com/wp-content/uploads/2013/09/vivid_flowers-wide.jpg" width="200" height="100">
				</div>
				<div id="christmas_promo_2">
				<img src="http://lilliemcferrin.com/wp-content/uploads/2013/09/vivid_flowers-wide.jpg" width="200" height="100">
				</div>
				<div id="christmas_promo_3">
					<img src="http://lilliemcferrin.com/wp-content/uploads/2013/09/vivid_flowers-wide.jpg" width="200" height="100">
				</div>
			</div>

【讨论】：