Css 在Angular UI引导中固定旋转木马容器大小

我正在为我的项目使用。在旋转木马中，我必须加载不同尺寸的图像，有些比容器大，有些比容器小。如何固定旋转木马容器的大小，以便在每次加载新图像时旋转木马不会调整大小，而加载的图像可以装入容器并保持其原始比率

<div style="height:305px;">
    <carousel interval="carousel_interval">
        <slide ng-repeat="slide in slides" active="slide.active">
            <img ng-src="{{slide.image}}">
            <div class="carousel-caption">
                <h4>Slide {{$index}}</h4>
                <p>{{slide.text}}</p>
            </div>
        </slide>
    </carousel>
</div>

幻灯片{{$index}
{{slide.text}

目前，我正在使用从示例中提取的代码。它不工作，因为我正在加载各种尺寸的图像

该代码在Google Chrome 38.0.2125.122 m版上进行了测试。

<div class="col-md-6">
    <carousel interval="carousel_interval">
        <slide ng-repeat="slide in slides" active="slide.active">
            <img ng-src="{{slide.image}}" style="max-height:300px; margin:0 auto;">
            <div class="carousel-caption">
                <h4>Slide {{$index}}</h4>
                <p>{{slide.text}}</p>
            </div>
        </slide>
    </carousel>
</div>

幻灯片{{$index}
{{slide.text}

我在最顶端的

div

元素中使用了

col-md-6

，并将

style=“max height:300px；margin:0 auto；”

应用于

img

元素

---

现在，不同大小的图像可以很好地放入旋转木马中。

相关：。下面的链接中有一个解决方案：