動態圖像尺寸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/