html中span不显示背景

如果不在span中输入任何文本，span设置的背景图将无法显示出来。解决办法就是设置为块元素，然后设置固定的宽高。

参考：http://blog.youkuaiyun.com/jarniyy/article/details/49812787

再进一步研究，涉及到两个概念：行内元素和块元素。

个人理解：

行内元素对其设置宽度和高度没有意义，他是根据内容的大小来显示的。所以你对其设置背景而不对其输入文字，将无法显示。代表：span。参考：http://www.w3school.com.cn/tags/tag_span.asp

块元素本身就是显示为一行，可以对其进行修饰会立刻表现出来，是一个独立的表现，包括对其设置任何样式都能改变其效果。典型的是div。参考：http://www.w3school.com.cn/tags/tag_div.asp