我有简单的 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 的循环吗?
最佳答案
试试这个脚本:
$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++;
}
关于php - Foreach 循环不破坏 HTML 结构 - PHP,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27924202/