用于动态内容的交替的css类

时间:2012-08-04 作者:Phantasmix

这是一个自动填充的图库,图像从子页面拉入。布局是:一行中有两个图像,它们必须分别左对齐和右对齐。

我想不出在他们之间加个空格的方法。

当我添加边距或填充时,第二个图像被推到下一行

<div id="gallery-container">
    <?php
    $mypages = get_pages( array( \'child_of\' => $post->ID, \'sort_column\' => \'post_date\', \'sort_order\' => \'desc\' ) );

    foreach( $mypages as $page ) {
    $content = $page->post_content;
    if ( ! $content ) // Check for empty page
    continue;

    $content = apply_filters( \'the_content\', $content );
?>


        <div class="gallery-preview">
            <div id="zoom">
                <?php echo $content; ?>
                <h3><a href="http://mettedesigns.com/gallery/<?php echo $page->post_title; ?>"><?php echo $page->post_title; ?></a></h3>
            </div>
        </div>


<?php
}   
?>  
<?php endwhile; endif; ?>
</div>      

1 个回复
最合适的回答,由SO网友:bgallagh3r 整理而成

使用PHP模运算符(%)确定类,并使用CSS将它们全部向左浮动,然后将clear:right设置为奇数类。

很难想象没有代码的情况下你是如何提取图像的。你能发一段你用来拉这些图片的代码吗?

如果没有,您可以在页面加载后使用JS动态添加类。

结束