我有一个旋转木马,它的图像可能不是完整的高度或宽度,而且每个旋转木马的高度都是动态的。我设法把它们垂直地插到中间,但水平方向上我似乎不能把它集中起来。有办法做到这一点吗?
守则是这样的:
<div id="myCarousel" class="carousel slide" style="height: 925px;">
<div class="carousel-inside">
<div class="item active" data-slide-number="1">
<span class="to-middle" style="height: 925px;">
<img src="http://placehold.it/615x375" class="img-responsive img-big"
style="max-height: 925px;">
</span>
</div>
</div>
</div>
工作版本在http://jsfiddle.net/ka7z7z55/上
谢谢你的任何建议或暗示!
发布于 2015-11-11 18:38:01
简单地说,将display:table
和width:100%
添加到.item
。
.carousel-inside>.item {
position: relative;
/* Changes */
display: table;
width: 100%;
}
https://stackoverflow.com/questions/33663353
复制相似问题