1

コントローラーからビューページにタグを表示する必要があります。行ごとに 5 つのタグを表示したいのですが、現在、以下のコードでは行ごとに 1 つのタグを表示しています。これを行う方法を教えてください。

 $query = $this->tagsmodel->fetch_all_tags($postnumbers, $offset);
  if (is_array($query))
     {
        foreach ($query as $row) 
         {
            $content = substr(strip_tags($row->tags_name), 0, 180); 
            echo '<div class="parent" id='.$row->tags_id.'>';
            echo '<a class="tagsbtn" href="" >'.$content.'</a>';
            echo '</div>';
         }
     }

現在、私はこのような出力を得ています ここに画像の説明を入力

4

5 に答える 5

0

div にフローティングを設定してみてくださいstyle="float: left;":

foreach ($query as $row) 
         {
            $content = substr(strip_tags($row->tags_name), 0, 180); 
            echo '<div class="parent" id='.$row->tags_id.' style="float: left;">';
            echo '<a class="tagsbtn" href="" >'.$content.'</a>';
            echo '</div>';
         }
于 2013-05-15T09:50:08.857 に答える
0

PHP

echo '<ul>';
foreach ($query as $row) 
{
    $content = substr(strip_tags($row->tags_name), 0, 180); 
    echo '<li id="'.$row->tags_id.'">';
    echo '<a class="tagsbtn" href="#">'.$content.'</a>';
    echo '</li>';
}
echo '</ul>';

CSS

ul {style-list-type:none}
ul li {display:block;float:left
ul li:nth-child(5n+1) {clear:left}

アップデート

これにより、タグに動的な幅を持たせることができます

新しい作業例 jsFiddle

于 2013-05-15T10:26:39.437 に答える
0

cssを使用して行うことができます

.main {
    width : 400px;
}    
.main .parent{
    float : left;
    margin-right : 10px;
}

5 つのタグが連続して表示されるように幅を調整します。

 echo "<div class='main'>";
 foreach ($query as $row) 
 {
            $content = substr(strip_tags($row->tags_name), 0, 180); 
            echo '<div class="parent" id='.$row->tags_id.'>';
            echo '<a class="tagsbtn" href="" >'.$content.'</a>';
            echo '</div>';
         }
echo '</div>';
于 2013-05-15T09:52:06.903 に答える