如何将一行中的图像数量限制为三个？

我在表格中填充数据库中的图像,如何将图像限制为每行三个？

Friend List
 
 

 ';?>
 
 

 
 
 
 
 

这是我的桌子

';

        $value = $row['dPath'];
        $imgp =  base_url()."images"."/".$value;
?>

        
            ';?>

            
                

            
                
            
        
';
        x++; 
    }

    if(($x-1)%3 != 0)
        echo ''; //Prints out the last '' if one isn't printed.
?>

您需要使用if带模数运算符.

在这里,我清理了无效的HTML,使用了CSS,并使用了更推荐的PHP编码风格.

请注意:您需要注意,如果$Selected包含用户输入的(或其他非HTML安全的)数据,则需要将输出包装在htmlspecialcharsXSS漏洞中或对XSS漏洞开放.

考虑到目前每行仅显示1个图像,想要"将图像限制为每行三个",这有点不清楚.如果我假设你想要每行显示3而不是1,那么你需要使用模数运算符并且只在每第三个元素之后打开一个新的,然后在正确的时间关闭它.像这样:

';
        }
        ?>
            ';
        } elseif (($colCount + 1) == count($Selected)) {
            // if 16 elements are to fit in 3 columns, print 2 empty 
            $extraTDs = $numCols - (($colCount + 1) % $numCols);
            for ($i = 0; $i < $extraTDs; $i++) {
                echo '';
            }
            echo '';
        }
    }
    ?>

    

        
Friend List
    
    

                

                
                    
                
            
        
s before closing 
 

应该为列和行有意义的情况保留表...更好的解决方案是使用浮动块元素而不是表格单元格.当你浮动一堆相似的块时,它们会自动换行,因此关键是使它们的父容器足够宽以容纳其中的3个.

你不需要用php做任何特殊的事情来创建新行,所以我只是显示html和css,让你编写php来实现它.

HTML:

    

        
Name
        
    
    

        
Name
        
    
    

        
Name
        
    
    

        
Name
        
    
    
 

CSS:

#replacesTable{
    width: 300px;
}
div.replacesTableCell{
    float:left;
    width: 100px;

    /* styles below are just to make it easier to see what's happening */
    text-align:center;
    font-size: 10px;
    margin: 20px 0;
}
/* this just stretches the parent container #replacesTable around the entries*/
.clear{
    clear:both;
    height:1px;
    overflow:hidden;
}