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

Question

我正在尝试将<span>节强制设置为一定的宽度和高度。据我了解，css min-width和min-height应该可以解决这个问题。

但是它不起作用：live example

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

Answer 1

您应将display:inline-block或display:block设置为跨度。因为span的默认值为display:inline。无法为height个元素设置width或inline。

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

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

Answer 2

内联元素不能使用高度和宽度。 使用div代替span标签或在div元素中使用span标签。