bootstrap之怎样让图片居中-创新互联

今天小编就为大家带来一篇bootstrap中怎样让图片居中的文章。小编觉得挺不错的，为此分享给大家做个参考。一起跟随小编过来看看吧。

创新互联凭借在网站建设、网站推广领域领先的技术能力和多年的行业经验，为客户提供超值的营销型网站建设服务，我们始终认为：好的营销型网站就是好的业务员。我们已成功为企业单位、个人等客户提供了成都网站建设、网站制作服务，以良好的商业信誉，完善的服务及深厚的技术力量处于同行领先地位。

如果您使用的是Bootstrap 3中,您可能遇到这么一个问题，你可以使用.text-center对文字居中对齐，图片却无法居中对齐，要解决这个问题你可以需要做很多事件，比如在img外加个div，再通过图片宽高大小等做调整等。

Bootstrap 3中有一个非常简单的方法就能实现图片响应式的水平垂直居中对齐，把图片添加css类img-responsive center-block即可实现，来看看吧。

在Bootstrap 3要使图片对齐,你可以试试下面的代码:

Bootstrap v3.0.1介绍。使用center-block类，您可以将图对齐到容器的中心。下面是例子:

<img src="图片地址" class="img-responsive center-block" />

以上就是bootstrap中怎样让图片居中的具体操作，代码应该是足够清楚的，而且我也相信有相当的一些例子可能是我们日常工作可能会见得到的。通过这篇文章，希望你能收获更多。

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容