Html div中的动态图像维

Html div中的动态图像维,html,image,css,Html,Image,Css,缺少图像时,需要以百分比形式显示div宽度。由于图像是动态加载的,我无法固定图像大小。所有图像大小均以百分比表示。那么,在没有加载图像的情况下,我们如何获得合适的div宽度呢 这是演示。 尝试将表格单元格更改为内联块- 删除显示:表格单元格并向div添加一个高度当没有图像时,使用最小高度,最小宽度设置高度,宽度 由于您使用的是display:table cell,我想您是在div内将图像居中,这样就可以了 .wraptocenter { display: table-cell;

缺少图像时,需要以百分比形式显示div宽度。由于图像是动态加载的,我无法固定图像大小。所有图像大小均以百分比表示。那么,在没有加载图像的情况下,我们如何获得合适的div宽度呢

这是演示。

尝试将
表格单元格
更改为
内联块
-


删除
显示:表格单元格并向div添加一个
高度
当没有图像时,使用
最小高度
最小宽度
设置
高度
宽度

由于您使用的是display:table cell,我想您是在div内将图像居中,这样就可以了

.wraptocenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border: 1px solid red;
    min-height:300px;
    min.width:300px;
}

Fiddle Here

您是否在告诉我们div看起来很小,而您希望它看起来更大。@Sowmya您能详细解释一下您的要求或您想要的结果的任何屏幕截图吗。。
.wraptocenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border: 1px solid red;
    min-height:300px;
    min.width:300px;
}