如何"；清晰的；一个CSS假表行？

出于几个原因，我不得不伪造一个表格来显示图像。我想显示几行，每行有5个图像。因此，我必须在每第6张图片之前“清除”（我知道这不是正确的词）才能开始新的一行

这是画廊：

<div class="table">
<div class="tr">
    <div class="td">
        <img src="img/logo-1.jpg" alt="">
    </div>
    <div class="td">
        <img src="img/logo-2.jpg" alt="">
    </div>
    <div class="td">
        <img src="img/logo-3.jpg" alt="">
    </div>
    <div class="td">
        <img src="img/logo-4.jpg" alt="">
    </div>
    <div class="td">
        <img src="img/logo-5.jpg" alt="">
    </div>
    <!-- i have to start a new row here ... -->
    <div class="td">
        <img src="img/logo-6.jpg" alt="">
    </div>
    <div class="td">
        <img src="img/logo-7.jpg" alt="">
    </div>
</div>
</div>

---

你知道该怎么做吗？

你很接近。。。这应该做到：

.td:nth-child(5n+6){
    display: block;
    content: "new line please";
}

---

您不需要：before psuedo。

只要将此代码放入css中，它就会正常工作

.td{
    display:inline;
}

注意 我已将您的img标签替换为a标签。因为我没有太多的图片。你也可以毫无问题地使用img

---

这是jsfiddle

什么是“表”的CSS？

.td{
    display:inline;
}