響應(yīng)式圖片居中設(shè)置？
父元素中設(shè)置text-align：center，其他圖片模式都可以居中，只有響應(yīng)式圖片不能居中，為什么？
Leo777
2017-03-03
2 回答
舉報(bào)
0/150
提交
取消
2017-03-26
或者在img父元素中，給父元素一個(gè)確定的高度，如height:100px;然后設(shè)置display:table-cell;vertical-align:middle;同時(shí)需要對(duì)img標(biāo)簽設(shè)置display:block，即可實(shí)現(xiàn)圖片在容器中垂直居中的效果。
注意，該方法只能對(duì)塊元素起作用，樓上的推薦是CSS3的方法，老版本的IE瀏覽器可能不支持該方法，具體我也不清楚哪個(gè)瀏覽器不支持，但是現(xiàn)代瀏覽器和移動(dòng)瀏覽器均支持樓上的方法。
2017-03-03
justify-content: center;?display:?flex; align-items: center;試試看這樣能不能解決