html – 如果span标记中没有任何文本,则跨度中的背景图像将不会显示

概述如果我删除内部文本xxx,下面的跨度将不是背景图像 <span style='background-image:url("http://gifsoup.com/web/images/soc4.gif")' style="height: 30px;"> xxx</span> 但是它在兼容模式下没有xxx的情况下工作. 如何在没有任何内部文本的情况下使其工作？ 因为跨度默认为没有宽度或高度的内联 如果我删除内部文本xxx,下面的跨度将不是背景图像

<span style='background-image:url("http://gifsoup.com/web/images/soc4.gif")'  > xxx</span>

但是它在兼容模式下没有xxx的情况下工作.

如何在没有任何内部文本的情况下使其工作？

解决方法 因为跨度默认为没有宽度或高度的内联元素.将CSS更改为：

span {    display:inline-block;    wIDth:30px;    background-image:url("http://gifsoup.com/web/images/soc4.gif");    height:30px;}

jsFiddle example

通过将显示从内联更改为内联块,您可以设置跨度的宽度和高度.

总结

以上是内存溢出为你收集整理的html – 如果span标记中没有任何文本,则跨度中的背景图像将不会显示全部内容，希望文章能够帮你解决html – 如果span标记中没有任何文本,则跨度中的背景图像将不会显示所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。