动态div表创建基于表记录

时间:2013-06-28 07:10:52

标签: php html css

我有一个页面,我必须在其中显示工作板列表。我有一个名为job_board的表,其中我所有10到12的记录都可以保存更多的工作板。我想显示一个页面,其中有一个div作为容器,在div里面我想显示这些工作板,每个工作板都在一个单独的div中(并排)。目前我正在尝试这个循环:

  foreach($this->test as $value)
{
            $variable=null;

             echo $variable .='<div class="testing"></div><div class="head"></div>';
              $variable .=$value["job_board_id"] . '</br>';
              $variable .=$value["name"] . '</br>';
              $variable .=$value["description"] . '</br>';
              $variable .=$value["price"]. '</br>';
              $variable .= $value["enabled"]. '</br>';

              echo $variable;
}   

我的表中的列是id,name,description,price,url) 我想将它显示在主div“容器”

中的小div中

2 个答案:

答案 0 :(得分:0)

如果您希望以一个跨度打印一个div中的每一行,您可以尝试使用此

 echo $variable .='<div class="testing"></div><div class="head"></div>';
              $variable .= '<div><span>'.$value["job_board_id"] . '</span>';
              $variable .= '<span>'.$value["name"] . '</span>';
              $variable .= '<span>'.$value["description"] . '</span>';
              $variable .= '<span>'.$value["price"]. '</span>';
              $variable .= '<span>'.$value["enabled"]. '</span></div>';

              echo $variable;

对于打印$variable后的第二个循环,请分配空白,如$variable = '';

还尝试使用css更具吸引力。

让我知道我是否可以帮助你。

答案 1 :(得分:0)

如果您想并排显示div,请尝试float。代码可能如下所示:

foreach($this->test as $value)
{
          $variable=null;
          $variable .='<div class="cell">';
          $variable .=$value["job_board_id"] . '</br>';
          $variable .=$value["name"] . '</br>';
          $variable .=$value["description"] . '</br>';
          $variable .=$value["price"]. '</br>';
          $variable .= $value["enabled"]. '</br>';
          $variable .='</div>';
          echo $variable;
}

并且,类'cell'将在CSS文件中定义,如下所示:

<style type="text/css">
.cell{
    width:150px;
    float:left;
}
#container:after { /*clear the float*/
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
</style>