如何在 JavaScript 博客小部件中更改 post 标题位置

Question

我将自定义 java 脚本最新 post 小部件添加到我的博客 site.So 它在 post 图片旁边显示 post 标题。（A 部分- 请看图片）但是我想把 post 标题放在 post 图像下面（就像 B 部分-请看 image.I 试了很多次，但是出错了。请帮我纠正这个？

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

图片link： 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>

将所有元素（图像和标题）放入一个 table td，并向标题添加一个跨度 class，以便我们可以使用一些 css 样式：

<style>
table {
border: 1px solid;
}
table a img {
object-fit: cover;
width: 100%;
}
.title {
display: block;
text-align: center;
}
<style>

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

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

如何在 JavaScript 博客小部件中更改 post 标题位置

How to change post title place in JavaScript blog widget

html

javascript

css

blogger

widget