javascript - 如何更改 JavaScript 博客小部件中的帖子标题位置

Question

我在我的博客网站上添加了自定义 java 脚本最新帖子小部件。因此它会在帖子图片旁边显示帖子标题。(A 部分 - 请参见图片)但是我想把帖子标题放在帖子图片下面(比如B部分。-请看图片。我试了很多次，但都出错了。请帮我纠正这个？

完整代码如下: https://textuploader.com/1du1w

图片链接: https://i.imgur.com/oG5oZko.gif enter image description here

Answer 1

一种方法是替换脚本的这一部分:

<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;
width: 100%;
}
.title {
display: block;
text-align: center;
}
<style>

在上面的 css 中，为了测试目的，我给表格元素添加了一个边框，并使图像适合表格的宽度。

这与您正在寻找的东西接近吗？