css：最小宽度和最小高度不适用于跨度？

Question

我试图强制一个<span>部分具有一定的宽度和高度。据我了解， cssmin-width和min-height应该处理这个问题。

然而它不起作用：活生生的例子

我还尝试添加 css 属性，例如height:100%or min-height:100%forbody和/或html和/或 标签<span>，如类似问题的其他答案中所建议的那样，或使用<div> 代替<span>，或使用display:blockor display:inline-block，但这些似乎都不能解决问题。

Answer 1

您应该设置display:inline-block或display:block为跨度。因为span's 已display:inline默认。无法设置height或width用于inline元素。

#test {
  display:inline-block;
  min-width: 300px;
  min-height: 100px;
  background-color: #fa0;
}

<span id='test'>Hello</span>