一段时间后,n-child停止工作

时间:2015-05-07 18:59:09

标签: html css

这就是我的代码的样子。我删除了一些部分。所以,如果你看到一些语法错误或类似的东西,请不要担心。

 <?php for($i = 0; $i < $num; $i++){ ?>
        <div id="my-ads-block">
            <div id="my-ads-name">
                <a href=""><?php echo $title[$i]; ?></a>
            </div>
            <div id="my-ads-content">
                <div id="my-ads-picture">
                    <a href="<?php echo $picture[$i] ?>">
                        <img src="/<?php echo $picture[$i] ?>">
                    </a>
                </div>
                <div id="my-ads-menu">
                    <div class="my-ads-buttons"><span>Posted Date: </span><?php echo date_format($date[$i],"F j, Y") ?></div>
                    <div class="my-ads-buttons"><span>Price: </span><?php setlocale(LC_MONETARY, 'en_CA'); echo money_format('$%!i', $price[$i]); ?></div>
                    <div class="my-ads-buttons"><a href="<?php echo $book_id[$i]; ?>">Edit This Ad</a></div>
                    <div class="my-ads-buttons"><a href="<?php echo $book_id[$i]; ?>">Delete This Ad</a></div>
                    <div class="my-ads-buttons"><a href="<?php echo $book_id[$i]; ?>">Open This Ad</a></div>
                </div>
            </div>
        </div>
    <?php } ?>

这是css

#my-ads-block{
    width: 250px;
    margin-right: 7px;
    float: left;
}

#my-ads-block:nth-child(3n){
    margin-right: 0;
}

我打印包含一些信息的小方框,一个页面可以有3个方框彼此相邻。所以,我想用一些例子来解释。

上面的代码应该打印像这样的列

1 2 3
4 5 6
7 8 9

但问题是,它的打印方式如下:

1 2 3
4 5 6
  7
8 9 10

所以,在第6个元素之后,出现了问题,我无法弄清楚原因。谢谢你的帮助。

0 个答案:

没有答案