html中span不顯示背景

標籤：進一步   .net   概念   school   sdn   解決辦法   http   href   jar   

如果不在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

 

html中span不顯示背景