div中图片水平垂直居中

最新推荐文章于 2019-09-11 15:40:53 发布

kd丹妮儿

最新推荐文章于 2019-09-11 15:40:53 发布

阅读量285

点赞数

分类专栏： web前端文章标签： web

本文链接：https://blog.csdn.net/kanghui_898/article/details/72729659

版权

web前端专栏收录该内容

11 篇文章 0 订阅

订阅专栏

<div id="Container" data-options="region:'center',maximized:true" >
	<span><img id="image"  alt="image"/></span>
</div>

对应样式表：

#Container
{
    display:table;
    text-align:center;
}

#Container span
{
    display:table-cell;
    vertical-align:middle;
}

js中动态加载图片：

function loadimg() {
//    var img = document.getElementById("image");
//    img.src = "1.jpg";

    //防止网页图片刷新闪烁 更改如下：
    var bufferImage = new Image();
    bufferImage.src = "1.jpg";
    var img = document.getElementById("image");
    img.src = bufferImage.src;
 }