WordPress post弄乱了html网格
我有一篇WordPress帖子,每次我发布它时,我的3列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
<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有时会很挑剔。这是个好问题。希望它能帮助其他人。