显示mysql结果列明智的html

Question

我想向列显示mysql输出结果行明智。这是我的HTML

PHP Formated
    <ul>
    <li>
      <div class="prc">
       <?php 
         $i = 1;
         while($res = mysql_fetch_array($query)){  ?>
         <span class="pb<?php echo $i; ?>"> $res['name']</span>
         <?php $i++; } ?>
      </div>
    </li>
    </ul>

Orginal HTML
 <ul>
        <li>
          <div class="prc">
          <span class="pb1">sample data</span>
          <span class="pb2">sample data</span>
          <span class="pb3">sample data</span>
          <span class="pb4">sample data</span>
          </div>
</li>
</ul>

CSS

.pb1 , .pb2, .pb3 , .pb4
{
display: block;
float: left;
border-right: 2px solid #F9F9F9;
width: 24%;
text-align: center;
min-height: 90px;
}

获得的输出

MARK
   JOSEPH
   王子
   约翰    MICK

预期输出

MARK |  JOSEPH |  PRINCE | JOHN | MICK

如何获得这种ouptut。

Answer 1

<div class="prc">    
<ul>


           <?php 

             $i = 1;
             while($res = mysql_fetch_array($query)){  ?>
    <li>
             <span class="pb<?php echo $i; ?>"> $res['name']</span>
    </li>
             <?php $i++; } ?>


        </ul>
   </div>

将li放入你的循环中，就是这样

Answer 2

将类分配给li而不是span，您将得到您想要的输出

＆＃13;

＆＃13;

.pb
{
display: block;
float: left;
border-right: 2px solid #F9F9F9;
width: 24%;
text-align: center;
min-height: 20px;
}

＆＃13;

<div class="prc"> <ul>
          
          <li class="pb"><span >sample data</span> </li>
          <li class="pb"><span >sample data</span> </li>
          <li class="pb"><span >sample data</span> </li>
          <li class="pb"><span >sample data</span> </li>
          

</ul>
  </div>

＆＃13;

＆＃13;

＆＃13;

不知道为什么要为不同的类名分配相同的css。以下是您希望实现的方式：

您是PHP代码：

<div class="prc">
<ul>
   <?php 
     $i = 1;
     while($res = mysql_fetch_array($query)){  ?>
     <li class="pb">
     <span> $res['name']</span>
     </li>
     <?php $i++; } ?>
</ul>
</div>