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

圖片水平垂直居中情況很多，最簡單的辦法是吧圖片設置為背景，給背景設置background-position:center;如果只能用圖片分兩種情況：

1.圖片寬高固定，這種情況很簡單。水平居中：就在圖片的css中加 dispaly:block;margin:0 auto;垂直居中：自己算出（div的高度-圖片的高度）/2，得到margin-top值即可。

2.圖片高度未知，這個布局比較難實現。一般我是用js做的。水平居中：同上，在圖片的css中加 dispaly:block;margin:0 auto;垂直居中：用js算出（div的高度-圖片的高度）/2，得到margin-top值賦給它。曾經研究過網上的很多方法，個人覺得這個是最有效的了。