2

複数の行に表示される画像が必要です。問題は、すべてを1つの大きなループでoverflow：autoを使用して実行する必要があることです。とにかく私がこれをすることはありますか？コードは次のとおりです。

<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（horizo​​ntal2）は次のとおりです。

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

}
4

2 に答える 2

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

プロパティを使用できdisplay:inline-blockます。10を超える画像が行にある場合は、別の行に強制されるように調整されます。

于 2013-02-11T17:40:15.470 に答える
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;?>

もちろん、自動モードではありませんが、「解決策」になる可能性があります...

于 2013-02-11T18:09:15.830 に答える