Question

我使用Blueprint CSS框架来设计我的网站的样式。我有这段代码：

<div class="span-10">
        <div class="span-5">
            <img alt="" src="system/images/picabu1.png" />
        </div>
        <div class="span-5 last">
            Lorem ipsum sup dolor itaseum.. <br />
            <img alt="" src="system/images/addtobasket.jpg" />
        </div>
</div>

当div span-5 last上有大量文字时，图像（addtobasket.jpg）会下降。
我如何制作相同级别的图像（picabu1.png和addtobasket.jpg）？

Answer 1

我认为只有

<div class="span-10">
        <!-- text elements first -->
        <div class="span-5">
        </div>
        <div class="span-5 last">
            Lorem ipsum sup dolor itaseum.. <br />
        </div>
        <!-- images elements follow -->
        <div class="span-5">
            <img alt="" src="system/images/picabu1.png" />
        </div>
        <div class="span-5 last">
            <img alt="" src="system/images/addtobasket.jpg" />
        </div>
</div>

将实现这一目标。

示例：http://jsfiddle.net/xSmmA/

相同级别的div

1 个答案: