0

我需要得到两个无序列表，一个向左浮动，另一个向右浮动，每个列表仅包含 5 个列表。列表元素是从 php 的 FOR EACH 循环生成的。

我在 html 中的预期输出

<div class="monthlyIndexCont">
    <div class="bookContent show">
      <ul class="monthlyIndex">
        <li>title 1 <a href="#">Read More</a></li>
        <li>title 2 <a href="#">Read More</a></li>
        <li>title 3 <a href="#">Read More</a></li>
        <li>title 4 <a href="#">Read More</a></li>
        <li>title 5 <a href="#">Read More</a></li>
      </ul>
      <ul class="monthlyIndex">
        <li>title 6 <a href="#">Read More</a></li>
        <li>title 7 <a href="#">Read More</a></li>
        <li>title 8 <a href="#">Read More</a></li>
        <li>title 9 <a href="#">Read More</a></li>
        <li>title 10 <a href="#">Read More</a></li>
      </ul>
    </div>
    <div class="bookContent">
      <ul class="monthlyIndex">
        <li>title 11 <a href="#">Read More</a></li>
        <li>title 22 <a href="#">Read More</a></li>
        <li>title 13 <a href="#">Read More</a></li>
        <li>title 14 <a href="#">Read More</a></li>
        <li>title 15 <a href="#">Read More</a></li>
      </ul>
      <ul class="monthlyIndex">
        <li>title 16 <a href="#">Read More</a></li>
        <li>title 17 <a href="#">Read More</a></li>
        <li>title 18 <a href="#">Read More</a></li>
        <li>title 19 <a href="#">Read More</a></li>
        <li>title 20 <a href="#">Read More</a></li>
      </ul>
    </div>        
  </div>
  <div class="slideShowControl"> <a id="prev" class="prevIcon" name="Prev">Prev</a> <a id="next" class="nextIcon" name="Next">Next</a> </div>

我尝试的是

     <div class="monthlyIndexCont">
                    <div class="bookContent show">
                        <ul class="monthlyIndex">
     <?php
   $x = 0;
     foreach ($titles AS $title) {
       if ($x < 5) {
          ?>
         <li>
             <a href="<?php echo $title->title_id ?>"><?php echo $title->title_name ?></a>
      </li>
    <?php
    if ($x > 5 && $x <= 10)

        ?>
    <li>
        <a href="<?php echo $title->title_id ?>"><?php echo $title->title_name ?></a>
    </li>

    <?php
    }

   $x++;
 }
?>
</ul>

如果有任何帮助我找出这一点，那对我来说很好。

我的确切结果是 html http://jsfiddle.net/CvGaP/

如果您看到这一点，您就会清楚地了解我的问题。

欢迎提出其他建议。

4

0 回答 0