Javascript 当内联框不包含任何内容时，如何保持其显示？

我有一个SPAN的内联框。即使我使用内联块或宽度设置样式，当它不包含内容时也不会显示。我必须添加一个非中断空间，以保持其显示

<span class='myClass'>&nbsp;</span>

我有一个SPAN的内联框。甚至我 使用内嵌块或宽度设置样式， 当它不包含任何内容时不显示 内容

使用的CSS:

  .myClass{
    display:inline-block;
    width:100px;
    height:100px;
    border:1px solid red;
  }

我有一个SPAN的内联框。甚至我 使用内嵌块或宽度设置样式， 当它不包含任何内容时不显示 内容

使用的CSS:

  .myClass{
    display:inline-block;
    width:100px;
    height:100px;
    border:1px solid red;
  }

---

Span没有自己的任何格式，它只是告诉浏览器将样式规则应用于中的任何内容，因此如果它为空，则不会显示。如果您想要始终显示的长方体容器，请使用。

Span没有自己的任何格式，它只是告诉浏览器将样式规则应用于中的任何内容，因此如果它为空，则不会显示。如果您想要始终显示的长方体容器，请使用此选项。

尝试为其指定高度：

试着给它一个高度：

---

你试过给它一个高度吗？你试过给它一个高度吗？

span
{
    width:100px;
    display:inline-block;
    background-color:red;
}

#withHeight
{
    height:10px;
}