php - 如何在一个循环中使行溢出

Question

我需要图片出现在多行中。问题是我必须在一个大循环中完成所有操作并使用溢出：自动。无论如何我可以这样做吗？这是代码：

<div class="horizontal2">
              <ul>
                <li>
                  <?php for ($i=0; $i <60; $i++): ?>                             
                    {{ user:profile }}
                      <img class="picformatting" src="{{ profile_picture:image }}" />
                    {{ /user:profile }}                                   
                  <?php endfor;?>
                </li>
              </ul>
            </div>

这是CSS（水平2）：

.horizontal2{
  list-style: none;
  width: 100%;
  overflow: auto;
  padding-left: 0;

}

Answer 1

怎么样 ：

<?php
$max_img = 10;
?>
<?php for ($i=0; $i <60; $i++): ?>
    {{ user:profile }}
        <img class="picformatting" src="{{ profile_picture:image }}" />
        <?php if(fmod($i, $max_img) == 0) echo "<br/>"; ?>
    {{ /user:profile }}                                   
<?php endfor;?>

当然，它不是在自动模式下，但可以是一个“解决方案”......

Answer 2

li#container {
   width:400px;
   height:auto;
}
li#container img {
   display:inline-block;
   width:37px;
   height:37px;
   margin:3px;
}

你可以只使用display:inline-block属性。它将进行调整，如果超过 10 个图像在一行中，那么它将强制它到另一行。