响应式图片居中设置?

来源:3-24 图像

Leo777

2017-03-03 15:25

父元素中设置text-align:center,其他图片模式都可以居中,只有响应式图片不能居中,为什么?

写回答 关注

2回答

  • 风飘叶摇
    2017-03-26 16:41:26

    或者在img父元素中,给父元素一个确定的高度,如height:100px;然后设置display:table-cell;vertical-align:middle;同时需要对img标签设置display:block,即可实现图片在容器中垂直居中的效果。

    注意,该方法只能对块元素起作用,楼上的推荐是CSS3的方法,老版本的IE浏览器可能不支持该方法,具体我也不清楚哪个浏览器不支持,但是现代浏览器和移动浏览器均支持楼上的方法。

  • 慕粉3990352
    2017-03-03 15:40:53

    justify-content: center; display: flex; align-items: center;试试看这样能不能解决

    风飘叶摇

    这个样式必须设置在IMG标签的父元素中,即可实现,应该可以的。

    2017-03-26 16:36:29

    共 1 条回复 >

玩转Bootstrap(基础)

告诉你使用Bootstrap,并且能够独立定制出适合自己的Bootstrap

314546 学习 · 2275 问题

查看课程

相似问题