我一直试图用css将标题显示在缩略图下，但没有效果。它不断出现在顶部。

css：

.lcp_catlist {
    float:left;
    text-align:center;
}

.lcp_catlist li {
    display:block;
    float:left;
    width: 160px;
    height: 150px;
    margin-bottom: 10px;
}

div.project-title {
}

.project-thumb {
    float: left;
    padding: 3px;
}

短代码：

[catlist id=3 numberposts=20 orderby=title order=asc title_tag=div title_class=project-title thumbnail=yes thumbnail_class=project-thumb thumbnail_size=thumbnail ]

从目前为止我搜索的内容来看，缩略图需要位于div中，才能让float css工作。然而，插件没有提供使用thumnail\\u标记选项的选项。是否有一种解决方法可以将缩略图放在div中？

我不确定这是否有用，但这是每个帖子的html模板：

<ul>
<li>
<div class="project-title">POST TITLE</div>
<div class="project-thumb">My THUMBNAIL</div>
</li>
</ul>`

问题是图像的div位于底部，而标题的div位于顶部。

尽管我对css的设置进行了修改，但它似乎一直保持着这种状态。然而，我无法切换它们的位置，因为这是插件的核心。

非常感谢你的帮助！

我一直试图用css将标题显示在缩略图下，但没有效果。它不断出现在顶部。

css：

.lcp_catlist {
    float:left;
    text-align:center;
}

.lcp_catlist li {
    display:block;
    float:left;
    width: 160px;
    height: 150px;
    margin-bottom: 10px;
}

div.project-title {
}

.project-thumb {
    float: left;
    padding: 3px;
}

短代码：

[catlist id=3 numberposts=20 orderby=title order=asc title_tag=div title_class=project-title thumbnail=yes thumbnail_class=project-thumb thumbnail_size=thumbnail ]

从目前为止我搜索的内容来看，缩略图需要位于div中，才能让float css工作。然而，插件没有提供使用thumnail\\u标记选项的选项。是否有一种解决方法可以将缩略图放在div中？

我不确定这是否有用，但这是每个帖子的html模板：

<ul>
<li>
<div class="project-title">POST TITLE</div>
<div class="project-thumb">My THUMBNAIL</div>
</li>
</ul>`

问题是图像的div位于底部，而标题的div位于顶部。

尽管我对css的设置进行了修改，但它似乎一直保持着这种状态。然而，我无法切换它们的位置，因为这是插件的核心。

非常感谢你的帮助！