如何顯示每行兩項而不是一項？

Question

http://u.neighborrow.com/groups/oahu

<?php $session->flash(); ?> 
    <div class="user_data"> 
     <div id="tabs" style="width:100%"> 
     <ul> 
      <li><a href="#tabs-1"><?php echo strtoupper($groupName);?> Have (<?php echo $haveTotal; ?>)</a></li> 
      <li><a href="#tabs-2"><?php echo strtoupper($groupName);?> Want (<?php echo $wantTotal; ?>)</a></li></ul> 
     <div id="tabs-1"> 
     <!--<div style="padding:10px;background:orange;margin-top:5px;"> 
     SEARCH FOR WHAT YOU NEED <input type="text" name="search"> 
     <a href="http://u.neighborrow.com/items/first">Add New Item</a> 
    </div>--> 
    <div id="tabs1" > 
     <ul> 
    <?php foreach($categoryLabels as $k=>$val): ?> 
     <li><a href="#<?php echo $k.'Items'; ?>"><?php echo $val; ?> (<?php echo $haveSubTotals[$k];?>)</a></li> 
    <?php endforeach; ?></ul> 

<?php foreach($items as $k=>$val): ?> 
    <div id="<?php echo $k; ?>"> 
    <ul class="user_have_list"> 
     <?php if(count($val)): ?> 
      <?php foreach($val as $item): ?> 
    <li><?= $html->link($item["items"]["item"]. ' ($'.$item['items']['price'].')', array("controller" => "items", "action" => "view", $item["items"]["id"])); ?> 
     <div style="padding-top: 5px"> 
       <?php if(! empty($item['items']['image']) && file_exists('images/items/'.$item['items']['image'])){ ?> <img src="<?php echo '/images/items/'.$item['items']['image']; ?>" width="100" /> 
       <?php } else echo '<img src="/images/noimage.gif" />'; ?> 
        </div> 
       </li> 
      <?php endforeach; ?> 
     <?php else: ?> 
      <li class="nothing">Nothing</li> 
     <?php endif; ?> 
    </ul> 
</div> 
<?php endforeach; ?> 
</div> <!-- #tabs1 --> 

</div> <!-- #tabs-1 --> 
<div id="tabs-2"> 
     <div id="tabs2"> 
      <ul> 
       <?php foreach($categoryLabels as $k=>$val): ?> 
        <li><a href="#<?php echo $k.'RequestItems'; ?>"><?php echo $val; ?> (<?php echo $wantSubTotals[$k]; ?>)</a></li> 
       <?php endforeach; ?> 

      </ul> 

     <?php foreach($requests as $k=>$val): ?> 
      <div id="<?php echo $k; ?>"> 
       <ul class="user_have_list"> 
     <?php if(count($val)): 
       foreach($val as $request): ?> 
           <li> 
    <?php echo $html->link($request["Request"]["item"].' ($'.$request['Request']['price_item'].')', array("controller" => "requests", "action" => "view", $request["Request"]["id"])); 
if(! empty($request['Request']['image_path'])) echo '<img style="padding-top: 5px" src="'.$request['Request']['image_path'].'" width="100" />'; else echo '<img style="padding-top: 5px" src="/images/noimage.gif" />'; ?> 
             </li> 
            <?php endforeach; ?> 
           <?php else: ?> 
            <li class="nothing">Nothing</li> 
           <?php endif; ?> 
          </ul> 
         </div> 
        <?php endforeach; ?> 

      </div> <!-- #tabs2 --> 

     </div> <!-- #tabs-2 --> 

</div> 

Answer 1

在green.css

在線路96進行此更改

ul.user_have_list li { 
    background-color: #FAFAFA; 
    border: 1px solid #EEEEEE; 
    width: 46%; 
} 

通過將寬度它將允許每個項目以適應。 這是假設你談論製作2搜索結果在屏幕的底部，因爲你的問題是非常含糊，你甚至不提及你想要改變的頁面的哪一部分