span in HTML does not display background

If you do not enter any text in span, the background map for the span setting cannot be displayed. The workaround is to set the block element and then set the fixed width height.

Reference: http://blog.csdn.net/jarniyy/article/details/49812787

Further research involves two concepts: inline elements and block elements.

Personal Understanding:

The inline element has no meaning for its width and height, and is displayed based on the size of the content. So you set the background to it and don't enter text, it won't show. Rep: span. Reference: http://www.w3school.com.cn/tags/tag_span.asp

The block element itself is displayed as a row, which can be decorated immediately and is a stand-alone performance, including setting any style on it to change its effect. The typical is Div. Reference: http://www.w3school.com.cn/tags/tag_div.asp

span in HTML does not display background