相关疑难解决方法(0)

如何将图像置于猫头鹰旋转木马中心

我的猫头鹰旋转木马包含不同宽度和高度的图片.如何在中间对齐它们 - 水平和垂直？

$("#owl-example").owlCarousel({
  navigation: true
});

Run Code Online (Sandbox Code Playgroud)

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.min.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.theme.min.css">

<div id="owl-example" class="owl-carousel">
  <div><img src="//placehold.it/120x120/69c/fff/" alt=""></div>
  <div><img src="//placehold.it/200x200/c69/fff/" alt=""></div>
  <div><img src="//placehold.it/160x160/9c6/fff/" alt=""></div>
  <div><img src="//placehold.it/240x240/fc6/fff/" alt=""></div>
  <div><img src="//placehold.it/160x160/9c6/fff/" alt=""></div>
  <div><img src="//placehold.it/200x200/c69/fff/" alt=""></div>
  <div><img src="//placehold.it/120x120/69c/fff/" alt=""></div>
</div>

<script src="//code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.min.js"></script>

Run Code Online (Sandbox Code Playgroud)

html css centering carousel owl-carousel

Gle*_*sky

lucky-day

18
推荐指数

3
解决办法

3万
查看次数