如何在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;
}