bootstrap轮播图怎么居中,如何处理呢?

原创 新起点博客  2018-10-15 14:06 
【上云必备】上云仅?102/年

轮播图的大小可能会不一样,就会造成小的图片不能居中,使用.center-block后发现却只能水平居中

1、比较好的办法是之一:

.carousel-inner img { width:100%; }

问题是:这样设置后图片显示的大小还是不一样,但是至少不会有多余的空白,还有就是小的图片可能会比较模糊。

 

2.可能最好的就是规定图片的大小和比例

 

3.压缩图片(还没尝试过)

 

默认的他们轮播图两边会有个阴影,想要去掉阴影大家可以参考《关于bootstrap中轮播两边阴影的去除方法》这篇文章有详细的讲解。

本文地址:https://www.henenseo.com/archives/777
关注我们:请关注一下我们的微信公众号:扫描二维码新起点博客的公众号,公众号:xinqidian129
版权声明:本文为原创文章,版权归 新起点博客 所有,欢迎分享本文,转载请保留出处!
宝塔服务器面板,一键全能部署及管理,送你3188元礼包,点我领取
【腾讯云】海外1核2G服务器低至2折,半价续费券限量免费领取!

发表评论


表情