flex方法

首先給圖片添加一個div，設置其寬高及基本屬性，其次把div中的display元素設置成flex，最后給img添加align-items:center屬性，代碼如下：

Document

看下效果

display方法

首先創建一個div，以及對有圖片的div設置樣式，給img的父級添加一個diaplay，并且屬性為table，并且把包含圖片的div中的display屬性設置成table-cell，最后給有圖片的div設置成vertical-align: middle; 屬性，代碼如下：

Document

效果圖：

超強干貨來襲 云風專訪：近40年碼齡，通宵達旦的技術人生

總結

以上是生活随笔為你收集整理的中的多行卡片如何居中_编程中如何让图片垂直居中？两种方案分享给大家的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。