Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/278.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用php动态数据确定最后一行_Php - Fatal编程技术网

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

使用php动态数据确定最后一行,php,Php,我正在用php生成一个动态列表,看起来像图片。它有4列(固定);但行数可能会有所不同 GREEN = first column RED = last row 我怎样才能得到绿色和红色的(用于css) 第1列(第1列、第5列和第9列)将不留边框 最后一行(第8行和第9行)将没有边框底部 我想要的是整个东西看起来像一张有单元格的桌子。我不能在这里使用table,所以我尝试使用看起来像table的list。列表正在动态生成。因此,项目可能会有所不同。我希望我现在明白了。您可能应该使用CSS而不是

我正在用php生成一个动态列表,看起来像图片。它有4列(固定);但行数可能会有所不同

GREEN = first column
RED = last row
我怎样才能得到绿色和红色的(用于css)

  • 第1列(第1列、第5列和第9列)将不留边框
  • 最后一行(第8行和第9行)将没有边框底部

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

您可能应该使用CSS而不是PHP来实现这一点。看看。

这个怎么样:

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;
}
演示


发布完整的HTML为什么人们会准确地想象代码是什么?如果绿色是第一列,那么接下来的3列是什么?请重新表述您的问题,并包含一些使用代码的数组结构示例。您的问题不太清楚。您希望最后一行中的所有元素都是红色的还是仅在最后一个容器中?为什么在倒数第二行有两个不同颜色的元素?您想在特定元素中添加一个带有PHP的类,还是想创建CSS选择器来针对特定元素?问题已经解释了。这很有帮助。但我仍然对php解决方案感到好奇。谢谢。@Imrul.H你能解释一下你的意思吗?你根本不需要用这个CSS代码来修改你的PHP代码。我想说的是,你的解决方案是有效的。但是我想要一个关于这个的PHP逻辑;而不是CSS解决方案。但您的PHP逻辑正是您需要的,尽可能简单。或者您希望使用类,以便最后一个和下一个元素获得一个由PHP脚本添加的CSS类?是的,完全正确。但无论如何,我正在使用你的CSS解决方案。
<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>
.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}
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;
}