Jquery 图像上的文本块

我正在使用instafeed库将instagram图片上传到我的网站，现在使用instafeed库可以很容易地获取图片的标题

现在我的问题是，我希望在每张图片的底部都有标题文本

但由于这是动态创建的，我无法处理输出的html，因此我想知道是否可以使用CSS将图像文本放在每个图像的底部

HTML

这将使图像“推动”周围的其他浮动元素

这将使图像“推动”周围的其他浮动元素

---

使用instafeed库，您可以以适合布局的方式指定模板

例如，将模板更改为：

var feed = new Instafeed({
    get: 'tagged',
    tagName: 'overlap',
    clientId: 'baee48560b984845974f6b85a07bf7d9',
    sortBy: 'random',
    links: false,
    resolution: 'standard_resolution',
    template: '<div class="wrap"><img src="{{image}}"/><div class="caption">{{caption}}</div></div>'
});

var feed=new Instafeed({
得到：“标记”，
标记名：“重叠”，
客户ID:'baee48560b984845974f6b85a07bf7d9'，
糟糕的是：‘随机’，
链接：错，
决议：“标准决议”，
模板：“{{caption}}”
});

在图像和标题周围提供一个环绕div

您可以定义样式以获得所需的效果：

---

或者

使用instafeed库，您可以按照适合布局的方式指定模板

例如，将模板更改为：

var feed = new Instafeed({
    get: 'tagged',
    tagName: 'overlap',
    clientId: 'baee48560b984845974f6b85a07bf7d9',
    sortBy: 'random',
    links: false,
    resolution: 'standard_resolution',
    template: '<div class="wrap"><img src="{{image}}"/><div class="caption">{{caption}}</div></div>'
});

var feed=new Instafeed({
得到：“标记”，
标记名：“重叠”，
客户ID:'baee48560b984845974f6b85a07bf7d9'，
糟糕的是：‘随机’，
链接：错，
决议：“标准决议”，
模板：“{{caption}}”
});

在图像和标题周围提供一个环绕div

您可以定义样式以获得所需的效果：

---

或者

是的，但我希望图像彼此向左浮动。将图像放入容器中，然后应用

clear

css。您仍然可以浮动容器是的，但我希望图像彼此向左浮动。将图像放在容器中，并对其应用

clear

css。如果您有多张图片，您仍然可以浮动容器。标记是什么样子的？如果您有多张图片，标记是什么样子的？请参阅我刚刚发布的第二个示例。谢谢！！这很有魅力。开箱即用。再次感谢。请看我刚刚发布的第二个示例。谢谢！！这很有魅力。开箱即用。再次感谢你。

img {
clear:both;
display:block;
}

var feed = new Instafeed({
    get: 'tagged',
    tagName: 'overlap',
    clientId: 'baee48560b984845974f6b85a07bf7d9',
    sortBy: 'random',
    links: false,
    resolution: 'standard_resolution',
    template: '<div class="wrap"><img src="{{image}}"/><div class="caption">{{caption}}</div></div>'
});