<span>可以有宽度和高度吗？</span>

Question

我的标记中有一个span标记，用于显示进度指示器。这是我的代码

<span id="load">In Progress...</span>

#load{
/*display: none;*/
text-indent: -9999px;
position: absolute;
right: 10px;
top: 10px;
/*width: 45px;
height: 15px;*/
background: url(images/loader.gif);}

在上面的情况下，当我取消注释宽度和高度时，我看不到我的图像 图像显示很好。但由于span在这里是内联的，我没有将它指定为inline-block或在我的css中阻止它如何获取宽度和高度？

Answer 1

您可以移除text-indent: -9999px;并设置span标记的宽度和高度。

http://jsfiddle.net/wrm8g0gk/

#load{
position: absolute;
right: 10px;
top: 10px;
background: url(http://www.xiconeditor.com/image/icons/loading.gif) no-repeat;
height: 55px;
}