0

我想让引导程序显示类似附加图像的东西，这意味着一个带有蓝色背景颜色的 div 包装器，里面有一些填充和 3 个图像（我使用这种可怕的颜色只是为了清楚起见）。

在此处输入图像描述

它应该很简单，但老实说，我无法理解。如果我尝试类似：

<div class="span9">     
    <div class="row">
        <div class="span9" style="background-color:blue;">
            <img class="span3" src="..."></img>
            <img class="span3" src="..."></img>
            <img class="span3" src="..."></img>
        </div>
    </div>  
</div>

在我的容器类中，tird 图像不适合包装器并低于其他两个，如下图所示：

在此处输入图像描述

有人愿意帮我一把吗？

4

2 回答 2

1

尝试这个：

<div class="span9" style="background-color:blue;">     
    <div class="row">
        <div class="span3">
            <img class="span3" src="..." />
        </div>
        <div class="span3">
            <img class="span3" src="..." />
        </div>
        <div class="span3">
            <img class="span3" src="..." />
        </div>
    </div>  
</div>
于 2013-05-14T17:27:18.853 回答
1

可能的解决方案是清除浮动？最近已经写了很多关于此的文章，但这里有一篇文章作为开始。清除浮动

从设计和需求的角度来看，您可能会考虑创建 div 之类的东西，然后用超大的 png 图像填充它们，然后为边框添加透明度，以便具有清晰的背景，就好像它们被边框一样或显示你的背景颜色。

我相信你的诀窍是使用透明的 .png 可以做到这一点，或者为你的图像添加所需的外观。

于 2013-11-12T04:42:10.640 回答