html - CSS：最小宽度和最小高度不适用于跨度？

Question

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

但是它不起作用：现场示例

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

标签： htmlcsssize

Answer 1

您应该设置display:inline-block或设置display:block跨度。因为span's 具有display:inline默认值。不能为元素设置height或。widthinline

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

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