html中span不显示背景

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

参考:http://blog.csdn.net/jarniyy/article/details/49812787

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

个人理解:

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

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

原文地址:https://www.cnblogs.com/EasonJim/p/6189518.html