bootstrap怎么使图片垂直居中?

bootstrap怎么使图片垂直居中?

<div class="mbrand">
                    <a href="#"><img src="img/mbarnd1.gif" class="img-responsive center-block"/></a>
                    <a href="#"><img src="img/mbarnd2.gif" class="img-responsive center-block"/></a>
                    <a href="#"><img src="img/mbarnd3.gif" class="img-responsive center-block"/></a>
                    <a href="#"><img src="img/mbarnd4.gif" class="img-responsive center-block"/></a>
                    <a href="#"><img src="img/mbarnd5.gif" class="img-responsive center-block"/></a>
                </div>

图片描述

阅读 14.8k
3 个回答

把图片添加css类img-responsive center-block

新手上路,请多包涵

垂直居中需要用到vertical-align:middle

bootstrap里貌似没有可以垂直居中的样式,除了导航条里有个垂直居中 可以用绝对定位做 让margin-left值等于大框的宽度减图片的宽,高度同理

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏