如何在codeigniter中以水平方式顯示我的物品

Question

我需要在codeigniter中水平顯示我的物品類別。這是我的controller文件。

$this->data['itemdata'] = array(
      array(
       'title' => 'Printers/Accessories', 
       'items' => [ 
        [ 
        'name' => 'Printers', 
        'group' => 'printers', 
        'images' => ['printers/canon1-printers.jpeg','printers/canon2-printers','printers/hp1-printers.jpeg','printers/hp2-printers','printers/hp3-printers','printers/hp4-printers'] 
        ], 
        [ 
        'name' => 'Printer Cartridges', 
        'group' => 'cartridges', 
        'images' => ['cartridges/canon-cartridges.jpeg', 'cartridges/hp-cartridges.jpeg'] 
        ], 

這是查看文件。

<?php foreach ($item['items'] as $key => $value): ?> 
    <li> 
     <a style="text-decoration:none;" data-fancybox="<?php echo $value['group']; ?>" href="<?php echo base_url(); ?>assets/img/products/<?php echo @$value['images'][0]; ?>"> 
      <?php echo $value['name']; ?> 
     </a> 
    </li> 

我需要控制項目在我看來，文件平視

Answer 1

您可以使用display: inline;列出您的項目水平

<li style="display: inline;"> 

或

添加類名到您的li標記並在樣式表中添加樣式

<li class="horizontalItem"> 

在樣式表

.horizontalItem{ 
    display: inline; 
}