求在HTML中圖片如何水平垂直居中？圖片水平居中和垂直居中的情況很多。最簡(jiǎn)單的方法就是把圖片設(shè)為背景，把背景設(shè)為背景——位置：中心If您只能以兩種方式使用圖片：1。水平居中：添加圖像的CSS顯示：塊邊

求在HTML中圖片如何水平垂直居中？

圖片水平居中和垂直居中的情況很多。最簡(jiǎn)單的方法就是把圖片設(shè)為背景，把背景設(shè)為背景——位置：中心If您只能以兩種方式使用圖片：

1。水平居中：添加圖像的CSS顯示：塊邊距：0自動(dòng)垂直居中：您可以計(jì)算（DIV height-image height）/2并獲得邊距頂部值。

2. 圖片的高度未知，所以這種布局很難實(shí)現(xiàn)。一般來(lái)說(shuō)，我使用js。水平居中：同上，添加圖片的CSS顯示：塊邊距：0自動(dòng)垂直居中：使用js來(lái)計(jì)算（div的高度-圖片的高度）/2，并獲得margin top值來(lái)分配它。我在網(wǎng)上研究過(guò)很多方法，我認(rèn)為這是最有效的方法。