html - 帖子用完了-6ren

html - 帖子用完了

转载作者：行者123 更新时间：2023-11-28 07:09:34

我正在制作一个 Tumblr 主题，但帖子不断超出我为包装设置的边界。前几篇文章会坚持下去，但在那之后，随后的文章就会脱离，就好像它们根本没有被 div 包裹一样。请帮助我。

这是一张图片:http://postimg.org/image/klkyjsesh/

这是我的部分代码:

	#contentarea {
	    margin-top: 80px;
        width:400px;
	    margin-left: auto;
        margin-right: auto;
        min-height: 100%;
        

	}
	
	.entrygroup {
	    width: 400px;
	    margin-bottom: 10px;
    	background: #fcfcfc;
		margin-left: 8px;
		margin-right: 8px;
		padding: 10px;
		padding-bottom: 30px;
		border-radius: 8px;
		display: block;
		
		
	}

<div id="contentarea">	
<div class="autopagerize_page_element">	
{block:Posts}
    <div class="entrygroup">
		{block:Text}
			<div class="entry">	
		<div class="textpost">
			{block:Title}
				<h3>
					<a href="{Permalink}" style="color: 

black">{Title}</a>
				</h3>
			{/block:Title}
			{Body}
		</div>
		    <ul class="like-reblog">
				<li>{LikeButton size="15"}</li>
				<li>{ReblogButton size="15"}</li>
				<li>{block:NoteCount}<a href="{permalink}

#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
				<li>{block:Date}<a href="{Permalink}">

{TimeAgo}</a>{/block:Date}</li>
			</ul>
		    {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
		</div>
		{/block:Text}


		{block:Photo} <div class="entry">
		<div class="photopost">	
			<img src="{PhotoURL-400}">
			{block:Caption}{Caption}{/block:Caption}
		</div>
		    <ul class="like-reblog">
				<li>{LikeButton size="15"}</li>
				<li>{ReblogButton size="15"}</li>
				<li>{block:NoteCount}<a href="{permalink}

#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
				<li>{block:Date}<a href="{Permalink}">

{TimeAgo}</a>{/block:Date}</li>
			</ul>
		    {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
		</div>
		{/block:Photo}
		
		
	
		{block:Photoset} <div class="entry">	
		    <div class="photosetpost">	
			{Photoset-400}
			{block:Caption}{Caption}{/block:Caption}
		</div><ul class="like-reblog">
				<li>{LikeButton size="15"}</li>
				<li>{ReblogButton size="15"}</li>
				<li>{block:NoteCount}<a href="{permalink}

#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
				<li>{block:Date}<a href="{Permalink}">

{TimeAgo}</a>{/block:Date}</li>
			</ul>
		    {block:PostNotes}{PostNotes}{/block:PostNotes}

</div></div>
		{/block:Photoset}


		{block:Quote}<div class="entry">
		<div class="quotepost">
			{Quote}
	   	{block:Source}<div class="quotesource"><br>&mdash;{Source}

</div>{/block:Source}
		</div><ul class="like-reblog">
				<li>{LikeButton size="15"}</li>
				<li>{ReblogButton size="15"}</li>
				<li>{block:NoteCount}<a href="{permalink}

#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
				<li>{block:Date}<a href="{Permalink}">

{TimeAgo}</a>{/block:Date}</li>
			</ul>
		    {block:PostNotes}{PostNotes}{/block:PostNotes}

</div></div>
		{/block:Quote}


		{block:Link}<div class="entry">
		<div class="linkpost">
  			<a href="{URL}" {Target} style="color: black">
{Name}</a>
  			{block:Description}{Description}
{/block:Description}
		</div>
		<ul class="like-reblog">
				<li>{LikeButton size="15"}</li>
				<li>{ReblogButton size="15"}</li>
				<li>{block:NoteCount}<a href="{permalink}
#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
				<li>{block:Date}<a href="{Permalink}">
{TimeAgo}</a>{/block:Date}</li>
			</ul>
		    {block:PostNotes}{PostNotes}{/block:PostNotes}
</div></div>
		{/block:Link}


		{block:Chat}<div class="entry">
		<div class="chatpost">
			{block:Title}{Title}{/block:Title}
			<table>
				{block:Lines}
				<tr>
					<th>{block:Label}{Label}

{/block:Label}</th>
					<td>{Line}</td>
				</tr>
				{/block:Lines}
			</table>
		</div><ul class="like-reblog">
				<li>{LikeButton size="15"}</li>
				<li>{ReblogButton size="15"}</li>
				<li>{block:NoteCount}<a href="{permalink}

#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
				<li>{block:Date}<a href="{Permalink}">

{TimeAgo}</a>{/block:Date}</li>
			</ul>
		    {block:PostNotes}{PostNotes}{/block:PostNotes}

</div></div>
		{/block:Chat}


		{block:Audio}<div class="entry">
		<div class="audiopost">
			{AudioPlayer}
      	{block:Caption}{Caption}{/block:Caption}
		</div><ul class="like-reblog">
				<li>{LikeButton size="15"}</li>
				<li>{ReblogButton size="15"}</li>
				<li>{block:NoteCount}<a href="{permalink}

#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
				<li>{block:Date}<a href="{Permalink}">

{TimeAgo}</a>{/block:Date}</li>
			</ul>
		    {block:PostNotes}{PostNotes}{/block:PostNotes}

</div></div>
		{/block:Audio}


		{block:Video}<div class="entry">
		<div class="videopost">
			{Video-500}
			{block:Caption}{Caption}{/block:Caption}
		</div><ul class="like-reblog">
				<li>{LikeButton size="15"}</li>
				<li>{ReblogButton size="15"}</li>
				<li>{block:NoteCount}<a href="{permalink}

#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
				<li>{block:Date}<a href="{Permalink}">

{TimeAgo}</a>{/block:Date}</li>
			</ul>
		    {block:PostNotes}{PostNotes}{/block:PostNotes}

</div></div>
		{/block:Video}


</div>
	{/block:Posts}
	</div></div>

最佳答案

问题出在您的 HTML 代码中，您在错误的位置关闭了 div。

<div id="contentarea">  
    <div class="autopagerize_page_element"> 
    {block:Posts}
        <div class="entrygroup">
            {block:Text}
                <div class="entry"> 
                    <div class="textpost">
                    {block:Title}
                        <h3>
                            <a href="{Permalink}" style="color: black">{Title}</a>
                        </h3>
                    {/block:Title}
                    {Body}
                    </div>
                    <ul class="like-reblog">
                        <li>{LikeButton size="15"}</li>
                        <li>{ReblogButton size="15"}</li>
                        <li>{block:NoteCount}<a href="{permalink} #notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
                        <li>{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}</li>
                    </ul>
                    {block:PostNotes}{PostNotes}{/block:PostNotes}
                </div>
        </div>
        {/block:Text}


        {block:Photo}
        <div class="entry">
            <div class="photopost"> 
                <img src="{PhotoURL-400}">
                {block:Caption}{Caption}{/block:Caption}
            </div>
                <ul class="like-reblog">
                    <li>{LikeButton size="15"}</li>
                    <li>{ReblogButton size="15"}</li>
                    <li>{block:NoteCount}<a href="{permalink} #notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
                    <li>{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}</li>
                </ul>
                {block:PostNotes}{PostNotes}{/block:PostNotes}
        </div>
            {/block:Photo}
            {block:Photoset} 
        <div class="entry">    
            <div class="photosetpost">  
            {Photoset-400}
            {block:Caption}{Caption}{/block:Caption}
            </div>
            <ul class="like-reblog">
                <li>{LikeButton size="15"}</li>
                <li>{ReblogButton size="15"}</li>
                <li>{block:NoteCount}<a href="{permalink} #notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
                <li>{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}</li>
            </ul>
            {block:PostNotes}{PostNotes}{/block:PostNotes}
        </div>
            {/block:Photoset}
            {block:Quote}
        <div class="entry">
            <div class="quotepost">
                {Quote}
                {block:Source}<div class="quotesource"><br>&mdash;{Source}</div>
                {/block:Source}
            </div>
            <ul class="like-reblog">
                    <li>{LikeButton size="15"}</li>
                    <li>{ReblogButton size="15"}</li>
                    <li>{block:NoteCount}<a href="{permalink} #notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
                    <li>{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}</li>
                </ul>
                {block:PostNotes}{PostNotes}{/block:PostNotes}
        </div>
            {/block:Quote}
            {block:Link}
        <div class="entry">
            <div class="linkpost">
                <a href="{URL}" {Target} style="color: black">{Name}</a>
                {block:Description}{Description}{/block:Description}
            </div>
                <ul class="like-reblog">
                    <li>{LikeButton size="15"}</li>
                    <li>{ReblogButton size="15"}</li>
                    <li>{block:NoteCount}<a href="{permalink} #notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
                    <li>{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}</li>
                </ul>
                {block:PostNotes}{PostNotes}{/block:PostNotes}
        </div>
            {/block:Link}
            {block:Chat}
        <div class="entry">
            <div class="chatpost">
                {block:Title}{Title}{/block:Title}
                <table>
                    {block:Lines}
                    <tr>
                        <td>{block:Label}{Label}{/block:Label}</td>
                        <td>{Line}</td>
                    </tr>
                    {/block:Lines}
                </table>
            </div>
                <ul class="like-reblog">
                    <li>{LikeButton size="15"}</li>
                    <li>{ReblogButton size="15"}</li>
                    <li>{block:NoteCount}<a href="{permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
                    <li>{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}</li>
                </ul>
                {block:PostNotes}{PostNotes}{/block:PostNotes}
        </div>
            {/block:Chat}
            {block:Audio}
        <div class="entry">
            <div class="audiopost">
                {AudioPlayer}
            {block:Caption}{Caption}{/block:Caption}
            </div>
            <ul class="like-reblog">
                <li>{LikeButton size="15"}</li>
                <li>{ReblogButton size="15"}</li>
                <li>{block:NoteCount}<a href="{permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
                <li>{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}</li>
            </ul>
            {block:PostNotes}{PostNotes}{/block:PostNotes}
        </div>
            {/block:Audio}
            {block:Video}
        <div class="entry">
            <div class="videopost">
                {Video-500}
                {block:Caption}{Caption}{/block:Caption}
            </div>
            <ul class="like-reblog">
                <li>{LikeButton size="15"}</li>
                <li>{ReblogButton size="15"}</li>
                <li>{block:NoteCount}<a href="{permalink} #notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
                <li>{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}</li>
            </ul>
              {block:PostNotes}{PostNotes}{/block:PostNotes}
        </div>
            {/block:Video}
    </div>
        {/block:Posts}
</div>

你应该试试这个，

希望对你有帮助。

关于html - 帖子用完了，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32742122/

文章推荐： c++ - Boost::log 在初始化后立即停止记录

文章推荐： javascript - 我如何从 Angular 色中获取 from 和 Two 的值

文章推荐： javascript - html5 地理定位是否有 'GPS status changed' 事件？

java - PHP 帖子 Android 帖子
我想从我的 Android 应用程序发布帖子并插入到我的数据库中。我的第一个方法是从我的应用程序发送帖子并仅显示值，但它不起作用。我的应用程序代码是 public void postData() {
按类别和年份排序的 WordPress 帖子
我在谷歌上进行了长时间的搜索，试图找到解决这个问题的方法...我正在创建一个 cv 管理器主题，使用 WordPress 安装来控制内容。我已经设法按类别组织所有 WP 帖子，但也想在年份分组中列出这
Axios 帖子，缺少授权类型
获取数据:{ error: 'invalid_request', error_description: 'Missing grant type' } } Content-Type 是正确的，不知道哪里
javascript - 无法获取/帖子
我试图访问我的路由“posts.js”，但是当我启动服务器并连接到 localhost:5000/posts 时。此错误显示为“无法获取/发布” 代码:服务器/路由/posts.js import e
Wordpress 帖子/页面标题数字排序
是否有任何可能的方法可以按标题对新的 WordPress 帖子查询进行排序，但按数字而不是按字母顺序排序？我有一些标题，它们按字母顺序有很多相同的名称，然后有一个数字后记，所以当然，例如 Wordp
WCF Restful 帖子
我有一个 WCF RESTFul 服务，声明如下: [ServiceContract] public interface IGasPriceService { [OperationContra
php - 无需重新加载页面的聊天客户端/帖子
我希望创建一个网站，允许用户创建群组，然后在这些群组内聊天/发帖。但是，当在组内发帖/聊天时，我不希望用户必须重新加载页面才能查看该组内的这些新帖子/聊天。我的问题归结为:您对如何做到这一点(语言、网
php - 如何返回用户尚未看到的项目/帖子
我们有一个 Android 应用程序，通过无状态 JSON 协议(protocol)与 php/MySQL 服务器通信。用户已登录应用并拥有相应的用户 ID。应用根据请求从服务器接收项目/帖子列表
mysql - 帖子、评论和回复的最佳可能模式
我正在尝试找出帖子、评论和对评论的回复的架构，其中回复只有单级(没有回复回复)。帖子: 1) id 2) user_id 3) contents 4) privacy 评论: 1) id 2) us
mysql - 查询以选择匹配条件语句中所有帖子元字段的行数(帖子)
我正在使用 YITH Woocommerce 订阅的免费版本，让我的 Wordpress 网站的用户能够在订阅的基础上购买产品。当用户购买订阅时，会发生几件事。为订单创建了一个新帖子，为订单创建了一个
mysql - 帖子、评论和回复的数据库模式设计
在我之前的项目中，我将帖子和评论作为两个表: 发布编号正文时间戳用户名评论编号留言时间戳用户名 zip 现在我必须设计对评论的回复。回复只有一级，所以用户只能回复评论，不能回复。树结
php - 查找包含特定单词的所有 Wordpress 帖子
在不添加任何标签或类别的情况下，我需要一种方法来生成一个页面，该页面列出所有包含单词的 Wordpress 帖子，例如，其中某处包含“设计”。有谁知道如何做到这一点？最佳答案您可以使用 WP_Qu
json - 接收 JSON 帖子
我正在使用 $routeProvider 设置一条类似的路线 when('/grab/:param1/:param2', { controller: 'someController',
K6 如何制作原始(非编码)帖子
我正在尝试使用 K6 加载测试 prometheus pushgateway，它需要以下格式的帖子。 http_request_duration_seconds_bucket{le="0.05"} 2
带有多部分/表单数据的 DART 帖子
在 DART lang 中，如何指定 POST 请求 Content-Type 为 multipart/form-data 我的 DART 代码是: sendDatas(dynamic data) {
r - 如何在给定时间段内抓取所有 subreddit 帖子
我有一个功能可以在 2014-11-01 和 2015-10-31 之间抓取比特币 subreddit 中的所有帖子。但是，我只能提取到 10 月 25 日为止的大约 990 个帖子。我不明白发生了
jekyll - 只返回匹配特定年份的 Jekyll 帖子
如何遍历 Jekyll 站点帖子，但仅对年份等于特定值的帖子采取行动？ {% for post in site.posts %} {% if post.date.year == 2012 %}
php - 获取按月分组的 wordpress 帖子
我想在一个页面上显示所有 Wordpress 帖子，并让结果显示如下示例: 9 月(当月)的帖子 1- 第一篇文章2-秒发帖3- 第三个帖子下个月的帖子 2- 第一篇文章2-秒发帖3- 第三个帖子
jekyll - 如何控制我最近发布的 Jekyll 帖子？
Recent posts {% for post in site.posts %} » {{ post.title }} {% endfor %}
wordpress - 在页面上显示最近的 WordPress 帖子
我想在 WordPress 的页面中显示所有最近的 WordPress 帖子。我尝试了一些插件，但运气不佳。我只想显示最后 10 篇帖子的标题和摘录。有人能指出我正确的方向吗？感谢任何帮助。谢谢，

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

html - 帖子用完了