CSS 宽度和高度不适用于带有显示的 div：内联

Question

我想为 div 元素设置一定的宽度和高度。我的CSS包含这个

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

但是当我运行我的页面时，它不应用样式。这是小提琴

Answer 1

display:inline元素以内联方式呈现 - 这意味着它们不遵守宽度和高度声明，而只是“随波逐流”。

您可能打算改用display:inline-block它，使其表现得像块元素本身，但作为内联元素遵循父元素的流程。

固定的小提琴。