bootstrap中如何让图片居中-木庄网络博客

本文摘自PHP中文网，作者尚，侵删。

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

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

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

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

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

更多Bootstrap相关技术文章，请访问Bootstrap教程栏目进行学习！

以上就是bootstrap中如何让图片居中的详细内容，更多文章请关注木庄网络博客！

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者