0

私が取り組んでいるサイトのホームページには、データベースから画面上に生成された約 50 の大きなアイコン/画像があります。現在、それらを 5 つ呼び出してから、BR タグを挿入して次の行に移動します ( PHP とカウンターを使用)。私の問題は、デザインがレスポンシブである必要があるため、画面を少し縮小すると、最初の行に 3 が保存され、次の行に 2 が保存され、PHP で生成された BR タグが開始されるため、スペースが得られます。

画面サイズに関係なく毎回機能するように、これを回避する最良の方法は何ですか? コーディングには Twitter Bootstrap と cakephp を使用しています。

私が何を意味するかを確認する最良の方法は、Web サイトそのものです: http://www.beanclaim.com/

ありがとう

現在の PHP コードは次のとおりです。

// LOOPING THROUGH ALL OF THE INDUSTRY ICONS AND BUILDING A LINK FOR THEM
// ---------------------------------------------------------------------------------->
if (isset($industry_icons)) 
{ 
    $i=0;
    foreach ($industry_icons as $industry) 
    { 

        echo $this->Html->link($this->Html->image($industry['Industry']['image_path'],
            array(
                'width' => '180',
                'style' => 'margin-right: 5px; margin-left: 5px; margin-bottom: 10px;')),
            array('controller' => 'users', 'action' => 'register', 'industries' => $industry['Industry']['id']),
            array('escape' => false));


      $i++;
      if($i % 5 == 0)
      {
        echo "<br />"; 
      }
    } 
}
4

1 に答える 1

1

<br/>タグを削除します。そして、あなたの問題は解決されます。画像は、コンテナのdivサイズに基づいて自動的に調整されます。

于 2012-11-01T22:53:39.017 に答える