1

求人掲示板のリストを表示する必要があるページがあります。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に表示したい

4

2 に答える 2

0

スパンを使用して1つの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;

そして、印刷後の2番目のループで$variableは、空白のように割り当ててください$variable = '';

また、css を使用してより魅力的なものにするようにしてください。

さらにお手伝いできることがあればお知らせください。

于 2013-06-28T07:16:52.210 に答える
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;
}

そして、クラス「セル」は、以下のように 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>
于 2013-06-28T07:28:52.107 に答える