Question

需要在图像丢失时以百分比显示div宽度。由于图像是动态加载的，我无法修复图像大小。所有图像尺寸均以百分比表示。那么当没有加载图像时，我们如何得到div适当的宽度。

Answer 1

尝试将table-cell更改为inline-block - http://jsfiddle.net/7LfMV/4/

.wraptocenter {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    width: 60% /*Div should take this width*/; 
    background-color:#999
}

Answer 2

http://jsfiddle.net/7LfMV/5/

删除display: table-cell;并向div添加height

Answer 3

在没有图片时，使用min-height，min-width设置height，width。

因为你正在使用display：table-cell我猜你是把图像置于div的中心，这样就可以了。

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

虚构http://jsfiddle.net/7LfMV/6/

div中的动态图像尺寸

3 个答案: