css - 水平对齐 Bootstrap Carousel 中的图像并且不限制高度

Question

我正在使用 Twitter Bootstrap 2 for Carousel：

    <div id="pageCarousel" class="carousel slide" >
        <div class="carousel-inner">

                <div class="item">
                    <img src="image1.jpg"/>
                </div>

                <div class="item">
                    <img src="image2.jpg"/>
                </div>

                <div class="item">
                    <img src="image3.jpg"/>
                </div>

        </div>

        <!-- carousel nav -->
        <a class="carousel-control left" href="#pageCarousel" data-slide="prev">&lsaquo;</a>
        <a class="carousel-control right" href="#pageCarousel" data-slide="next">&rsaquo;</a>
    </div>

我想要实现的是水平对齐图像。并且还显示图像的完整高度。