用php动态数据确定最后一行

Question

我正在使用php生成一个动态列表，看起来像图片。它有4列（固定）;但行可以有所不同。

GREEN = first column
RED = last row

如何获得GREEN和RED（用于css目的）？

echo '<ul>'
foreach($data as $v){
   echo '<li>$v</li>'
}
echo '</ul>'

说明： 每个街区都是李。标记出现如下：

<div class="content">
  <ul>
    <li>some data</li>
    <li>some data</li>
    <li>some data</li>
    <li>some data</li>
    <li>some data</li>
    <li>some data</li>
    <li>some data</li>
    <li>some data</li>
    <li>some data</li>
  </ul>
</div>

和CSS

.content{ border-top:solid #000 1px, border-bottom:solid #000 1px}
ul{ border-left:solid #000 1px}
li{border-bottom:solid #000 1px; border-left:solid #000 1px}

• 第1栏（第1栏，第5栏和第9栏）没有边框左侧。
• 最后一行（第8和第9 li）不会有border-bottom

我想要的只是整个事物看起来像一个带有细胞的表。我不能在这里使用表，所以我试图使用看起来像表的列表。列表是动态生成的。所以项目可能有所不同我希望我现在很清楚。

Answer 1

这个怎么样：

<强> CSS

div.content {
    width: 403px;
    border: 1px solid black;
}

ul {
    overflow: hidden;
    list-style: none;
    width: 403px;
    margin: 0 0 -1px 0;
    padding: 0;
}

li {
    margin: 0;
    padding: 0;
    width: 100px;
    float: left;
    border-right: 1px solid black;
    border-bottom: 1px solid black; 
}

li:nth-child(4n+4) {
    border-right: 0;
}

<强>演示

Try before buy

Answer 2

您应该使用CSS来代替PHP来执行此操作。看看CSS nth-child pseudo-element。