如果您使用的是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" />
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END
暂无评论内容