CSS寬度和高度不適用於帶顯示的div：內嵌

我想爲div元素設置特定的寬度和高度。我的CSS包含此CSS寬度和高度不適用於帶顯示的div：內嵌

.icon {display: inline; height: 80px!important; width: 80px!important;border: 1px solid #000} 
.icon-usd { 
    background: url(../images/usd-icon.png) no-repeat; 
}

但是當我運行我的頁面時，它不適用樣式。這裏是fiddle

來源

2014-09-05 Oleksandr Khavdiy

'顯示：內聯塊;'？ – 2014-09-05 16:40:21

display:inline元素呈現內聯 - 意味着他們不尊重寬度和高度的聲明，但只是'隨流'。

您可能打算使用display:inline-block來代替它，使其表現得像塊元素本身，但是按照父級的流程作爲內聯元素。

The fixed fiddle。

來源

2014-09-05 16:38:45

display:inline-block使用

你不能給的高度和寬度爲inline元件

check the DEMO

來源

2014-09-05 16:49:17

CSS寬度和高度不適用於帶顯示的div：內嵌

回答

相關問題