css:最小宽度和最小高度不适用于跨度?

Roc*_*uts 1 html css size

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

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

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

dgk*_*nca 5

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

#test {
  display:inline-block;
  min-width: 300px;
  min-height: 100px;
  background-color: #fa0;
}
Run Code Online (Sandbox Code Playgroud)
<span id='test'>Hello</span>
Run Code Online (Sandbox Code Playgroud)