实现动态加载的图片页面中纵向居中显示

 function showImg(url){            $("#imgDiv").html("<div id='imgBadDiv' style='display: flex;flex-direction: row;justify-content: center;align-content: center'><img id='badImg' src='"+url+"' style='max-height:600px;max-width:800px;' /></div>");            $("#imgBadDiv img").load(function(){                var h = $("#badImg").height();                var top =(document.body.clientHeight-h)/2;                $("#badImg").css("margin-top",top)            });            $("#imgDiv").show();        }