如何在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 标签中添加一个 class 名称并在样式表中添加样式

<li class="horizontalItem">

在你的样式表中

.horizontalItem{
    display: inline;
}