课程
/前端开发
/Bootstrap
/玩转Bootstrap（基础）
父元素中设置text-align：center，其他图片模式都可以居中，只有响应式图片不能居中，为什么？
2017-03-03
源自：玩转Bootstrap（基础） 3-24
正在回答
或者在img父元素中，给父元素一个确定的高度，如height:100px;然后设置display:table-cell;vertical-align:middle;同时需要对img标签设置display:block，即可实现图片在容器中垂直居中的效果。
注意，该方法只能对块元素起作用，楼上的推荐是CSS3的方法，老版本的IE浏览器可能不支持该方法，具体我也不清楚哪个浏览器不支持，但是现代浏览器和移动浏览器均支持楼上的方法。
justify-content: center; display: flex; align-items: center;试试看这样能不能解决
风飘叶摇
举报
告诉你使用Bootstrap，并且能够独立定制出适合自己的Bootstrap
1 回答什么是响应式图片？
1 回答关于响应式图片和缩略图片
2 回答如何设置图片大小且自适应
1 回答响应式设计的难点在哪
1 回答缩略图也会响应式布局？
