php - Foreach 循环不破坏 HTML 结构 - PHP

Question

我有简单的 HTML/CSS 代码，应该显示网站上使用的 5 个最常用的浏览器。HTML:

<div class="content">
    <div class="browserStat big">
        <img src="{$basePath}/img/browser-chrome-big.png" alt="Chrome">
        <span>36%</span>
    </div>
    <div class="browserStat big">
        <img src="{$basePath}/img/browser-firefox-big.png" alt="Firefox">
        <span>34%</span>
    </div>
    <div class="browserStat">
        <img src="{$basePath}/img/browser-ie.png" alt="Internet Explorer">
        <span>34%</span>
    </div>
    <div class="browserStat">
        <img src="{$basePath}/img/browser-safari.png" alt="Safari">
        <span>34%</span>
    </div>
    <div class="browserStat">
        <img src="{$basePath}/img/browser-opera.png" alt="Opera">
        <span>34%</span>
    </div>                                                  
</div>

我的数组中还有数据库中的所有百分比和浏览器(浏览器保存为数字，例如 1 = IE 、2 = Chrome 等)

我可以很容易地回应它:

foreach($borowser as $elem){
  echo '<div>
            <div class="country">'.$elem["borowser"].'</div>
            <div class="number">'.$elem["number"].'</div>
        </div>';
}

所以基本上看起来我拥有所需的一切，但我在编写一个不会破坏此 HTML/CSS 的正确循环时遇到问题，因为它必须始终只有 2 个浏览器 big 类和没有 big 类的 3。

有人可以帮我写一个不会破坏这个 HTML/CSS 的循环吗？

Answer 1

试试这个脚本:

$i = 0;
foreach($borowser as $elem){
  $is_big = ($i < 2) ? 'big' : '';
  echo '<div class="browserStat ' . $is_big . '">
        <div class="country">'.$elem["borowser"].'</div>
        <div class="number">'.$elem["number"].'</div>
    </div>';
  $i++;
}