时间戳

首页 > 解决方案 > PHP to HTML：使用动态内容管理水平列表

javascript - PHP to HTML：使用动态内容管理水平列表

问题描述

我正在使用来自服务器的内容提要创建一个水平按钮列表。当内容溢出时，列表会换行。

每个按钮都可以有随机长度的文本，所以在某个点打破它是行不通的。我想要实现的是最后一行内容比上述列表内容更长（或至少等于） 在此处输入图像描述

php代码：

<ul class="tab-menu__items">
    <?php if ($related_products): ?>
        <?php foreach ($related_products as $key => $related_product): ?>
            <li class="tab-menu__item">
                <a href="#" class="tab-menu__link">
                    <?php echo $related_product['product_name']; ?>     
                </a>
            </li>
        <?php endforeach; ?>
    <?php endif; ?>
</ul>

标签： javascriptphpcsshtml

解决方案

我认为要显示“最后一行内容比上述列表内容更长（或至少等于）”首先需要根据数组值的长度对数组进行排序

<ul class="tab-menu__items">
    <?php if ($related_products): ?>
        <?php array_multisort(array_map('strlen', $related_products), $related_products);?>    
        <?php foreach ($related_products as $key => $related_product): ?>
            <li class="tab-menu__item">
                <a href="#" class="tab-menu__link">
                    <?php echo $related_product['product_name']; ?>     
                </a>
            </li>
        <?php endforeach; ?>
    <?php endif; ?>
</ul>

推荐阅读