課程
/前端開發
/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 回答響應式設計的難點在哪
2 回答navbar響應式
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-03-26
或者在img父元素中，給父元素一個確定的高度，如height:100px;然后設置display:table-cell;vertical-align:middle;同時需要對img標簽設置display:block，即可實現圖片在容器中垂直居中的效果。
注意，該方法只能對塊元素起作用，樓上的推薦是CSS3的方法，老版本的IE瀏覽器可能不支持該方法，具體我也不清楚哪個瀏覽器不支持，但是現代瀏覽器和移動瀏覽器均支持樓上的方法。
2017-03-03
justify-content: center;?display:?flex; align-items: center;試試看這樣能不能解決