Question

我想在div中的两个按钮之间对齐图片

<div>
<button class="button">left</button>
<div class="picture">
<button class="button">right</button>  
</div>

这是我尝试过的 http://jsfiddle.net/27YPH/

当我使用图像的img标签但是当我使用css-background propery设置图像时搞砸了它

图像是一个精灵，所以我不想使用img标签

现在如何在两个按钮之间放置背景div？

Answer 1

您的代码不正确。您没有<div class="picture">的结束div 您需要按<div class="picture"> </div>

关闭它

之后，您需要为包含背景图片的班级设置height和width。

例如，

.picture
{
    float:left;
    background:url("http://nuclearpixel.com/content/icons/2010-02-09_stellar_icons_from_space_from_2005/earth_128.png") 0 0;
    width:128px; height:128px;


}

然后，您可以将图像对齐。

以下是演示。

<强> WORKING DEMO

希望这有帮助。

ADD ON：

如果你想垂直对齐你的图像，根据你的代码，下面是演示。

<强> WORKING DEMO

div与css背景的水平对齐

1 个答案: