將帖子組織成3列

Question

我試圖將帖子組織成三列，但我無法使其工作。我只想在3個不同欄目中顯示3篇文章。

所以

1 | 2 | 3

我到目前爲止有：

<div id="main-wrapper"> 

<?php 
    $loop = new WP_Query(array('post_type' => 'camp', 'posts_per_page' => 3)); 
    if ($loop->have_posts()) ?> 
    <?php while ($loop->have_posts()) : $loop->the_post(); ?> 
    <?php 
    $custom = get_post_custom($post->ID); 
    $screenshot_url = $custom["screenshot_url"][0]; 
    $website_url = $custom["website_url"][0]; 
?> 


<?php the_content(); ?> 


<?php endwhile; ?> 


</div> 

網站Botkai

Answer 1

它可以很容易地通過內部父創建另一個的DIV來完成

<div id="main-wrapper"> 

<?php 
    $loop = new WP_Query(array('post_type' => 'camp', 'posts_per_page' => 3)); 
    if ($loop->have_posts()) ?> 
    <?php while ($loop->have_posts()) : $loop->the_post(); ?> 
    <div style="float: left;"> <!-- or other class that contains this CSS property, including width etc. --> 
     <?php 
     $custom = get_post_custom($post->ID); 
     $screenshot_url = $custom["screenshot_url"][0]; 
     $website_url = $custom["website_url"][0]; 
     ?> 
    </div> 


<?php endwhile; ?> 


</div>