代码之家  ›  专栏  ›  技术社区  ›  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
  •  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 .

    推荐文章