Vertically and Horizontally Center Image inside a Div, if you don't know Image's Size?

Question

If I have a fixed sized container div, and an unknown sized image, how do I horizontally and vertically center it?

• using pure css
• using JQuery if css

Answer 1

I used

.on('load', function () {

instead

.each(function(){

used in this answer it helps to eliminate the problem with empty values ​​of height and width when the picture is not yet loaded