CSS   发布时间:2022-04-17  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了css – 使背景图像显示在一个空白的div元素中大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用一个空白的div元素来显示一个背景图像,但是除非我把某些东西(即一些文本)放在div元素中,否则没有任何显示.

我需要这样做,因为我想在一些文本旁边显示图形,但图形与文本垂直对齐.

如何让背景图像显示在空白的div中?

我的Google-fu失败了我.

<div class="photoInfo">
lorem ipsum | 
<div style="BACkground:url('foo.gif') no-repeat;display:inline;"></div>
</div>

谢谢!

编辑:
下面的代码实际上显示了图像,但我只需要像2或3像素一样将其完全对齐.

这就是我想要实现的任何想法?

<div class="photoInfo">
    Added<span class="spacer">•</span>Wed Apr 01,2009 1:01 pm<span class="spacer">•</span>64.10 KB<span class="spacer">•</span>659x878 pixels
    <span class="spacer">•</span>
    <img src="/_assets/img/icons/new-photo-small.gif" />
</div>
<!--<div style="height:14px;width:31px;BACkground:url('') no-repeat 0px 5px;display:inline-block;"></div>-->

.photoInfo
{
font-size:0.6em;
color:#b0bad9;
padding-bottom:15px;
text-align:center;
}

解决方法

给这个镜头!
one | <span style="padding-left: 20px; BACkground: url('16x16-image.gif') no-repeat; height: 16px">two</span> | three

如果您使用div而不是span,则需要在样式中设置display:inline.

大佬总结

以上是大佬教程为你收集整理的css – 使背景图像显示在一个空白的div元素中全部内容,希望文章能够帮你解决css – 使背景图像显示在一个空白的div元素中所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。