динамически создает divs на основе записей таблицы

Question

У меня есть страница, на которой я должен отображать список рабочих мест. У меня есть таблица с именем 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; 
} 

Столбцы в моей таблице идентификатор, название, описание, цена, URL) Я хочу, чтобы отобразить его в небольших дивы, которые находятся внутри основного DIV «контейнера "

Answer 1

Если вы хотите показать divs бок о бок, попробуйте 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> 

Answer 2

, если вы хотите, чтобы напечатать каждую строку в одном 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.

дайте мне знать, если я могу вам помочь.