我在我的博客网站上添加了自定义 java 脚本最新帖子小部件。所以它在帖子图片旁边显示帖子标题。（A 部分 - 请参见图片）但我想将帖子标题放在帖子图片下方（如 B 部分。-请看图。我试了很多次，都出错了。请帮我纠正一下？
这是完整的代码：https : //textuploader.com/1du1w
一种方法是替换脚本的这一部分：
<td><a href="'+posturl+'" ><img src="'+img[i]+'" width="'+thumbwidth+'" height="'+thumbheight+'"/></a></td><td>'+icon+'<a href="'+posturl+'" >'+posttitle+'</a></td>
宽度这个：
<td><a href="'+posturl+'" ><img src="'+img[i]+'" width="'+thumbwidth+'" height="'+thumbheight+'"/><span class="title"> '+icon+' '+posttitle+'</span></a></td>
这将所有元素（图像和标题）放入一个表 td 中，并为标题添加了一个 span 类，以便我们可以使用一点 css 进行样式设置：
<style>
table {
border: 1px solid;
}
table a img {
object-fit: cover;
宽度：100%；
}
.title {
显示：块；
文本对齐：居中；
}
<样式>
在上面的 css 中，为了测试目的，我为 table 元素设置了一个边框，并使图像适合表格的宽度。
这与您正在寻找的东西接近吗？
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句