Question

while($recor1=mysql_fetch_assoc($res1))
                            {

                              ?>
                                <ul>
                                <li  class="col-md-3 col-sm-3"><a href="#"><div class="dest-list"><?php echo $recor1['sub_destination']; ?></div></a> </li>

                                </ul>
                                <div class="clearfix"></div>
                              <?php 
                            }

它水平显示结果我想垂直地给我解决方案

Answer 1

您的代码存在许多问题，为什么要为每个只有一个列表项的项添加新列表，这没有任何意义。也不要在内联元素中添加块元素（div中的div）。另外，如果您列出彼此的列表项，那么为什么要添加col -...类？

<ul>
<?php while($recor1=mysql_fetch_assoc($res1)) {?>
    <li class="">
        <a href="#">
            <?php echo $recor1['sub_destination']; ?>
        </a>
    </li>
<?php } ?>
</ul>

这为您提供了正确的html结构，然后您可以根据需要设置样式

Answer 2

如果您不想水平显示列表，请删除您的li的col-sm-3类，这会更改您的代码，如下所示

  while($recor1=mysql_fetch_assoc($res1)) { ?>

  <div class="col-md-3 col-sm-3">
   <ul>
    <li >
        <a href="#">
            <div class="dest-list">
                 <?php echo $recor1['sub_destination']; ?>
            </div>
        </a> 
    </li>
  </ul>
 </div>

 <div class="clearfix"></div>

 <?php 
 }

看看这个 example

在list标签中的while循环中获取数据

2 个答案: