0

我觉得发布这个有点傻,因为我一直在处理这段代码并且之前遇到过这个问题,但是在尝试清理这个项目时我删除/放错了一些东西,现在我的博客布局不会表现我想要的方式。我有两个 div,一个作为主容器 div,另一个在该 div 中用于实际的博客条目。我几乎可以肯定它是一个缺失的标签,但无论我将结束标签放在哪里,它看起来都不像它最初所做的那样,所以现在我不完全确定。我得到的最接近它的结果几乎看起来很正常,但嵌入的媒体内容和标签没有出现。这是我的 html 标记;我这辈子都想不通。提前致谢。

<!-- MAIN BLOG CONTAINER -->
<div class="pc">
{block:Posts}

            <!-- POSTNOTES -->
            <div class="pnc">
            {block:Date}
            <a href="{Permalink}">{DayOfMonth} {ShortMonth} {ShortYear}</a>&nbsp;&nbsp;
            {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}&nbsp;
            {block:RebloggedFrom}
            <a href="{ReblogParentURL}" ="{ReblogParentName}"></a>
            <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>
            {/block:RebloggedFrom}
            {/block:Date}
            </div>
            <!-- END OF POSTNOTES -->

            <!-- PERMALINK -->
            {block:PermalinkPage}
            {block:PostNotes}{PostNotes}{/block:PostNotes}
            {/block:PermalinkPage}
            <!-- END OF PERMALINK -->

            <!-- POST TITLE CONTAINER -->
            {block:Title}
            <div class="ptc">
                <div class="pt">{Title}</div>
            </div>
            {/block:Title}
            <!-- END OF POST TITLE CONTAINER -->

            <!-- INSIDE OF POSTS -->
            <div class="posts">
            {block:Text}
            {Body}
            {/block:Text}
            </div>

                <!-- PHOTOS -->
                <!-- SINGLE PHOTO -->
                {block:Photo}
                <center>
                <div style="margin-top:10px"></div>
                <img src="{PhotoURL-250}" alt="{PhotoAlt}">
                </center>
                {block:Caption}{Caption}{/block:Caption}{
                /block:Photo}
                <!-- END OF SINGLE PHOTO -->

                <!-- PHOTOSET -->
                {block:Photoset}
                <div style="margin-top:10px"></div>
                <center>{Photoset-250}</center>
                {block:Caption}{Caption}{/block:Caption}
                {/block:Photoset}
                <!-- END OF PHOTOSET -->

                <!-- PANAROMA -->
                {block:Panorama}
                {LinkOpenTag}
                <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
                {LinkCloseTag}
                {block:Caption}{Caption}{/block:Caption}
                {/block:Panorama}
                <!-- END OF PANAROMA -->

                <!-- ASKS -->
                {block:Answer}
                <img src="{AskerPortraitURL-64}">
                {Asker}:
                {Question}
                {Answer}
                {/block:Answer}
                <!-- END OF ASKS -->

                <!-- VIDEOS -->
                {block:Video}
                <center>
                <div style="margin-top:10px"></div>
                {Video-250}
                </center>
                {block:Caption}{Caption}{/block:Caption}
                {/block:Video}
                <!-- END OF VIDEOS -->

                <!-- QUOTES -->
                {block:Quote}
                {Quote}
                {block:Source}
                <div class="source">{Source}</div>
                {/block:Source}
                {/block:Quote}
                <!-- END OF QUOTES --> 

                <!-- LINKS -->
                {block:Link}
                <a href="{URL}" {Target}>{Name}</a>
                {block:Description}{Description}{/block:Description}
                {/block:Link}
                <!-- LINKS -->

                <!-- CHAT -->
                {block:Chat}
                {block:Title}{Title}{/block:Title}
                {block:Lines}
                {block:Label}{Label}{/block:Label}
                {Line}
                {/block:Lines}
                {/block:Chat}
                <!-- END OF CHAT -->

                <!-- AUDIO -->
                {block:Audio}
                <div style="margin-top:10px;"></div>
                <center>
                {AudioPlayerWhite}
                {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
                <p>{block:TrackName}{TrackName}{/block:TrackName}</br>
                {block:Artist} {Artist}{/block:Artist}</br>
                </center>
                {block:Caption}{Caption}{/block:Caption}
                {/block:Audio}
                <!-- END OF AUDIO -->
                </div>

                <!-- TAGS -->
                <div class="tc">
                    <div class="tags">
                    {block:Tags}
                    <a href="{TagURL}" id="{Tag}">*&nbsp;{Tag}</a>
                    {/block:Tags}
                    </div>
                </div>
                <!-- END OF TAGS -->

    {/block:Posts}
    </div>
    <!-- END OF MAIN BLOG CONTAINER -->

    </body>
    </html>
4

1 回答 1

0

更新想了很多;它是其中一个街区的开放括号。我不小心缩进了它,从而创建了一个开放空间,它弄乱了整个布局:

        <!-- PHOTOS -->
        <!-- SINGLE PHOTO -->
        {block:Photo}
        <center>
        <div style="margin-top:10px"></div>
        <img src="{PhotoURL-250}" alt="{PhotoAlt}">
        </center>
        {block:Caption}{Caption}{/block:Caption}{
        /block:Photo}
        <!-- END OF SINGLE PHOTO -->
于 2020-06-19T01:27:20.893 回答