水平对齐CSS图像 [英] Align images horizontally CSS

问题描述

我想要水平而不是垂直对齐我的三个图像是什么是最简单的方法来实现呢？ 示例

I want to align my three images horizontally instead of vertically what is the easiest way to achieve this? example

<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>

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

推荐答案

inline-block ：

#christmas_promotion_boxes div {
  display: inline-block;
}

小提琴

Fiddle

这篇关于水平对齐CSS图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！