Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 按大小限制div中的内容_Php_Css_Html - Fatal编程技术网

Php 按大小限制div中的内容

Php 按大小限制div中的内容,php,css,html,Php,Css,Html,我正在动态填充从数据库获取的内容表。 此表位于 因此,我正在设置一个变量$col,以限制我希望在div中每行(默认情况下,我认为5个列非常合适)包含多少列。否则,表内容就会超出div 问题是我必须手动设置。我四处查看了很多如何在div中创建任何内容,并且一旦它与边框合并,但找不到任何内容。如果我能在不使用表格的情况下得到同样的结果,我想这就是问题所在。我很乐意更新 $col = 1; //initialisation foreach ($result as $product){ //a loo

我正在动态填充从数据库获取的内容表。 此表位于

因此,我正在设置一个变量
$col
,以限制我希望在div中每行
(默认情况下,我认为5个列非常合适)包含多少列。否则,表内容就会超出div

问题是我必须手动设置。我四处查看了很多如何在div中创建任何内容,并且
一旦它与边框合并,但找不到任何内容。如果我能在不使用表格的情况下得到同样的结果,我想这就是问题所在。我很乐意更新

$col = 1; //initialisation

foreach ($result as $product){ //a loop to fetch data into product object
if($product->visible == 1){
    if($Col < 6){
   echo "<td>";
   echo "<a href ='read.php?id=".$product->id_product."&p=0'><div class='productdiv'>";
   echo "<img src ='galleries/".$product->id_product."/c".$product->id_product.".jpg' alt = 'cover' width='220' height='300'><h4 class='productclass'>".$product->name_product."</h4>";
   echo "</div></a>";
   echo "</td>";
   $col= $col+ 1; //here I'm incrementing
   }
  else{ //I close the line <tr> then another line begin
echo "</tr><tr><td>";
echo "<a href ='read.php?id=".$product->id_hentai."&p=0'><div class='hendiv'>";
 echo "<img src ='galleries/".$product->id_product."/c".$product->id_product.".jpg' alt = 'cover' width='220' height='300'><h4 class='productclass'>".$product->name_product."</h4>";
   echo "</div></a>";
   echo "</td>";
   $col= 1;
}//end the code 
$col=1//初始化
foreach($result as$product){//将数据提取到产品对象中的循环
如果($product->visible==1){
如果($Col<6){
回声“;
回声“;
回声“;
$col=$col+1;//我在这里递增
}
否则{//我关闭该行,然后另一行开始
回声“;
回声“;
回声“;
$col=1;
}//结束代码
请使用

display: inline-block

它将容纳内容。您在“
if
”条件下打开了

我不完全确定我是否理解您的问题,但这听起来像是JS的工作

1您应该从数据库中读取所有可能的列,并从中创建表,但应将可见性设置为隐藏

2然后添加JS并定义列优先级

3获取表格的最大允许宽度

4使用JS读取所有单元格的宽度

5按优先级对单元格宽度求和,直到>最大宽度


6隐藏优先级较低的单元格,但这些单元格不能满足您的要求?从数据库中获取数据,并使用limit 5限制结果,这将起作用。我想一个接一个地容纳每个产品的div,但当然不要侵入它们所在的主div。请参见我看到的“结果”图片attached@dean这就是问题所在,如果我想让下一个网站成为一个响应性网站,如果他们调整内容大小,那么每行只有2个。哈哈哈,@GantzisGoat在限制之前使用rand()使用您的查询进行选择。确保您的查询在每次重新加载页面时将随机选择2个结果。每个结果将随机显示2个结果,即使您有1000多个结果。非常感谢,我现在就尝试它。我只是在组织代码时取下它,我想它当然还在那里