Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
WordPress post弄乱了html网格_Html_Wordpress_Zurb Foundation_Grid Layout - Fatal编程技术网

WordPress post弄乱了html网格

WordPress post弄乱了html网格,html,wordpress,zurb-foundation,grid-layout,Html,Wordpress,Zurb Foundation,Grid Layout,我有一篇WordPress帖子,每次我发布它时,我的3列html网格都被完全搞砸了(东西漂浮在左边,网格中应该有元素的地方有缺口。)但是当我删除帖子并刷新页面时,网格的格式正好是它应该的格式 以下是主循环: <div id="howTo" class="howTo"> <div class="small-12 columns mainWrap"> <h1 class="text-center"><span

我有一篇WordPress帖子,每次我发布它时,我的3列html网格都被完全搞砸了(东西漂浮在左边,网格中应该有元素的地方有缺口。)但是当我删除帖子并刷新页面时,网格的格式正好是它应该的格式

以下是主循环:

    <div id="howTo" class="howTo">
        <div class="small-12 columns mainWrap">
            <h1 class="text-center"><span class="cb-howTo"></span>Skills</h1>
            <?php $loop = new WP_Query( array( 'order' => 'asc', 'category_name' => 'des-skill') ); ?>
            <?php if ( have_posts() ) : while ( $loop->have_posts() ) : $loop->the_post(); ?>
                <a href="<?php the_permalink(); ?>">
                    <div class="small-12 medium-4 columns article">
                        <div class="articleImgWrap dzsparallaxer auto-init use-loading" data-options='{ direction: "normal" }'  role="banner">
                            <div class="articleImg dzsparallaxer--target" style="background-image: url('<?php echo wp_get_attachment_url( get_post_thumbnail_id( $post->ID ) ); ?>');"></div>
                            <div class="imgOverlay">
                                <h4 class="text-center articleHead"><?php the_title(); ?></h4>
                            </div>
                        </div>
                        <div class="excerpt"><?php echo get_the_excerpt(); ?></div>
                    </div>
                </a>
            <?php endwhile; // end of the loop. ?>
            <?php endif; ?>
        </div>
    </div>

技能

我使用基础,但是当我删除一个帖子时,网格是好的。

问题是,我认为WordPress在帖子标题中看到像<和>这样的字符来打开和关闭HTML元素的部分。因此,我认为正在发生的是它过早地关闭了循环中的html元素。尝试从帖子标题中删除“>”,看看这是否解决了网格问题。

Ya我以前也遇到过这种情况。你的帖子标题是什么?哇,太快了!它的“用户满意度>点击次数”哇!这就解决了问题。我甚至没有意识到WordPress会做那样的事情。WordPress有时会很挑剔。这是个好问题。希望它能帮助其他人。