代码之家 › 专栏 › 技术社区 › Imrul.H

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

php

0

Imrul.H · 技术社区 · 12 年前

我正在用php生成一个动态列表,它看起来像图片。它有4列(固定);但是行可以变化。

GREEN = first column
RED = last row

如何获得绿色和红色的(用于css目的)?

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

enter image description here

解释: 每个块都是一个li。标记如下所示:

<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里)将没有边界底部

我想要的只是整个东西看起来像一张有单元格的桌子。我不能在这里使用表,所以我尝试使用看起来像表的列表。列表是动态生成的。因此项目可能会有所不同。我希望我现在清楚了。

2 回复 | 直到 12 年前

1

insertusernamehere 12 年前

这个怎么样:

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

2

0

xurei 12 年前

您可能应该使用CSS而不是PHP来实现这一点。看看 CSS nth-child pseudo-element .