Image Centering method

1. The picture is fixed in width and height, this situation is very simple.
Horizontal Center: Add dispaly:block;margin:0 Auto to the CSS of the image;

Center vertically: Figure out (the height of the div-the height of the image)/2 to get the Margin-top value.

2. Image height is unknown, this layout is more difficult to achieve. Usually I do it with JS.
Horizontal Center: Ibid, in the image of the CSS add dispaly:block;margin:0 auto;
Vertical Center: Use JS to figure out (div height-the height of the image)/2, get Margin-top value assigned to it.

Image Centering method