Php 布局问题,不确定是什么';问题出在哪里
有问题的页面位于此处: 正如您所看到的,最后一根柱子是缩进的,而不是保持向左对齐,就好像有一根看不见的柱子挡住了去路。我看了Firebug,似乎找不到任何占用空间的东西。用于生成页面此部分的PHP如下所示:Php 布局问题,不确定是什么';问题出在哪里,php,css,wordpress,layout,post,Php,Css,Wordpress,Layout,Post,有问题的页面位于此处: 正如您所看到的,最后一根柱子是缩进的,而不是保持向左对齐,就好像有一根看不见的柱子挡住了去路。我看了Firebug,似乎找不到任何占用空间的东西。用于生成页面此部分的PHP如下所示: <div class="post-wrapper"> <?php query_posts('showposts=100&category_name=Clients&order=asc&orderby=title'); ?> &
<div class="post-wrapper">
<?php query_posts('showposts=100&category_name=Clients&order=asc&orderby=title'); ?>
<?php while (have_posts()) : the_post(); ?>
<div class="post_box">
<div id="post-<?php the_ID(); ?>">
<h4 class="hidden"><?php the_title(); ?></h4>
<img src="<?php echo get_post_meta($post->ID, 'brand_img', true); ?>" />
<?php the_content()?>
</div><!--post-->
</div><!--post_box-->
<?php endwhile;?>
<?php wp_reset_query(); ?>
</div><!--post-wrapper-->
如果你把
<div style="clear:both;"></div>
在最后一个之前,它会正确排列
我想说的是,由于最后一个框被推到了中间,因此需要对右侧框的间距进行一些微调
不过,清除将立即解决您的问题。至少在IE8中看起来不错;)嘿,我想这是件好事我可能应该指定,我现在正在Mac上的Firefox、Chrome和Safari中查看。这将是最好的解决方案,谢谢。我将使用Javascript在每第三篇文章后添加一个清晰的div。@R.J:如果您选择使用它,应该使用Wordpress/PHP。没有理由使用Javascript来做这件事(除了对您来说可能更容易)。如果禁用了Javascript怎么办?服务器端解决方案更健壮。@thirtydot:老实说,Javascript是我知道的唯一方法。我对发展很陌生。。。我该如何通过PHP或Wordpress实现这一点?@R.J:不幸的是,我对Wordpress不太了解,无法回答这个问题。如果站点的所有者可以自定义这些框中的文本(可能很长),那么我想通过JS这样做很好。如果所有框的文本都将保持相同的长度(就像现在一样),那么我的解决方案确实更简单、更清晰。@thirtydot:是的,我想用你的方法来做,但我必须为网站所有者编写更长的描述做准备。:/谢谢你的帮助!