1

请帮助我在 PHP（我正在使用 CodeIgniter 框架）中查看类似于图 2 中显示的内容。
从数据库中我选择：

  • 类别 1 -> 项目 1
  • 第 1 类 - ？第 2 项
  • ……
  • 第 2 类 - ？项目 1
  • 类别 x -> 项目 x

一个项目可以有多个类别。

     <div>
          <ul>
             <li>
                <div class="programe-tv_link">
                    <p>Categ 1</p> 
                   <dd> <a href="">>> Item 1</a></dd>
                   <dd> <a href="">>> Item 2</a></dd>
                   <dd> <a href="">>> Item 3</a></dd>
                   <dd> <a href="">>> Item 4</a></dd>
                   <dd> <a href="">>> Item 5</a></dd>
                </div>
                <div class="programe-tv_link">
                    <p>Categ 2</p>
                   <dd> <a href="">>> Item 1</a></dd>
                   <dd> <a href="">>> Item 6</a></dd>
                   <dd> <a href="">>> Item 7</a></dd>
                   <dd> <a href="">>> Item 8</a></dd>
                   <dd> <a href="">>> Item 9</a></dd>
                   <dd> <a href="">>> Item 2</a></dd>
                </div>
            </li>
            <li>
                <div class="programe-tv_link">
                    <p>Categ 5</p> 
                   <dd> <a href="">>> Item 1</a></dd>
                   <dd> <a href="">>> Item 2</a></dd>
                   <dd> <a href="">>> Item 3</a></dd>
                </div>
                <div class="programe-tv_link">
                    <p>Categ 4</p>
                   <dd> <a href="">>> Item 1</a></dd>
                </div>
            </li>
          </ul>
    </div>

我附上带有插图的图像。我制作了像图像 1 一样的视图，其中仅在一个<li>标签中选择了所有内容；我需要像 IMAGE 2 这样的东西。 在此处输入图像描述

4

2 回答 2

2

我认为获得像 image2 这样的视图的一个好方法是使用一些 CSS 并为所有类别框创建一个类，将宽度设置为 30% 并浮动以允许其中 3 个保持在同一行。

就像是 ：

.class_name {
    width : 31%;
    margin : 0 2% 0 0;
    float : left;
}

.class_name.wrapp {
    width : 33%;
    margin : 0;
}

我正在从Simpliste布局中复制它，这对我来说真的很好。

于 2013-01-20T02:13:59.003 回答
1

我的最终解决方案是。

    <div id="programe-tv-slide" class="flexslider">
        <strong>Programe TV</strong>
        <div class="redLine"></div>

        <?php $cat_cnl = array(); 
              $list = array(); 
              $i=1;
                 foreach ($category_chaneels as $option) { 
                    $catname = $option['category_name'];
                    $chlname = $option['channel_name'];

                    $cat_cnl[$catname][$i] = $chlname;
                    $list[$i] = $catname;
              $i++;
                 }; 
        ?>
        <?php 
            $rows = array_chunk($cat_cnl, 4, TRUE);
            foreach ($rows as $row) {  //var_dump($rows);
        ?>

          <ul class="slides">    
            <?php
                echo ('<li>');
                foreach ($row as $category => $channels) {
                    echo '<div class="programe-tv_link">'; 
                    echo '<p>' . $category . '</p>'; 
                        foreach ($channels as $channel) {
                                echo '<dd><a href="">' . $channel . '</a></dd> '; 
                        };
                    echo '</div>'; 
                    };      
                echo ('</li>'); 
            ?>
          </ul>
          <?php }; ?>
    </div>
于 2013-01-30T15:26:36.380 回答