动态图像尺寸div

Question

需要显示图像丢失时的百分比宽度。由于图像加载动态我不能修复图像大小。所有图像大小均以百分比形式提及。那么当没有图像加载时，我们如何获得div适当的宽度。

这是演示。 http://jsfiddle.net/7LfMV/2/

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;并添加height到div

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/