固定在 li标签 底边
时间: 2024-02-15 18:01:28 浏览: 86
好的,您可以通过为`<li>`标签设置`position: relative;`,然后为`<p>`标签设置`position: absolute;`,并设置`bottom: 0;`来实现将`<p>`标签固定在`<li>`标签底部的效果。具体的修改代码如下:
```
<li style="border: 2px solid red;animation-delay:0.' + i + 's; position: relative;" class="animated fadeInDown">
<h3 class="blogtitle"><a target="_blank" href="find/' + id + '.html">' + data[i].title + '</a></h3>
<span class="blogpic imgscale"><a href="find/' + id + '.html" title=""><img src="' + data[i].images + '" /></a></span>
<p class="blogtext">' + data[i].introduction + '</p>
<p class="bloginfo" style="position: absolute; bottom: 0;">
<span></span>
<span><a href="javascript:void(0);">【' + keyword + '】</a></span>
<span class="m_time">' + Format(data[i].addtime, "yyyy-MM-dd") + '</span>
<span class="clicknum">浏览(' + data[i].clicknum + ')</span>
<span class="f_r"></span>
<a href="find/' + id + '.html" class="viewmore">阅读原文</a>
</p>
</li>
```
这样就可以将`<p>`标签固定在`<li>`标签底部了。您可以根据需要自己调整`<p>`标签的样式。
阅读全文