在图片之间放置 div

3

我有5张图片和一个带文本的div。HTML代码如下:

<div id="title">Title of gallery</div>
<div id="gallery">
    <img src="thumbs/1.jpg"/>
    <img src="thumbs/2.jpg"/>
    <img src="thumbs/3.jpg"/>
    <img src="thumbs/4.jpg"/>
    <img src="thumbs/5.jpg"/>
</div>

我可以将我的#title放在#gallery中,但不能放在图像之间。只能在它们之前/之后。

图片胜过千言万语,所以这是我想要实现的:

div with text between images

这是我当前的图像CSS(仅此而已,我刚刚开始):

#page img {
    border:none;
    display:block;
    float: left;
    margin: 2px;
}

我这里还在使用 inuitCSS,所以也许它可以在某种程度上帮助我解决问题。


3
感谢您展示给我们 赫尔曼网格错觉,点个赞! - Benjamin Crouzier
@pinouchon 想在我的问题中添加一点魔法。 - smogg
1个回答

4

@smogg:我现在一直使用placekitten - 无聊的旧占位符已经不行了 :) - josh.trow

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接