Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.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_Html_Css_Stylesheet - Fatal编程技术网

Php 如何将div并排排列?

Php 如何将div并排排列?,php,html,css,stylesheet,Php,Html,Css,Stylesheet,我在网上尝试了很多技巧,但都失败了。我是一名学生,不擅长编程。 我需要在第1行的第5页和第2行的第5页中显示最多10个div。”浮球:对 属性和“清除:无;”在css中,这是不起作用的。还有别的办法吗 这是我的代码:- <div class="center_full"> <?php $q= mysql_query("select * from uploads where artist=".$_SESSION['id']." limit $l,10 "); wh

我在网上尝试了很多技巧,但都失败了。我是一名学生,不擅长编程。
我需要在第1行的第5页和第2行的第5页中显示最多10个div。”浮球:对 属性和“清除:无;”在css中,这是不起作用的。还有别的办法吗

这是我的代码:-

<div  class="center_full">   
 <?php 

 $q= mysql_query("select * from uploads where artist=".$_SESSION['id']." limit $l,10 ");
 while($my_uploads=mysql_fetch_array($q))
  {

  $image=$my_uploads['img_name'];
 $description=$my_uploads['description'];
 $paint_size=$my_uploads['paint_width']." * ".$my_uploads['paint_height'];
 $likes=$my_uploads['vote_up'];
 $price=$my_uploads['price'];


  ?>
  <div id="product_wrapper" >     <!-- _______this is the div, I want to arrange_______ -->


 <table class="boxed_table fixed_product">
 <tr>
 <td>
 <img id="smple_img" src="uploads/<?php echo $image; ?>"  /> 
 </td>
 </tr>
 <tr>
 <td>
 <h5> Description : </h5>
 <br />
 <p><?php echo $description; ?></p>
 </td>
 </tr>
 <tr>
 <td>
 <p> <h5>Size :</h5> <?php echo $paint_size; ?> </p>
 </td>
 </tr>
 <tr>
 <td>
 <h5> <b>Likes : </b> <i> <?php echo $likes; ?> </i> </h5>
 </td>
 </tr>

 <tr>
 <td>
 <a href="editupload.php?id=<?php echo $my_uploads['id']; ?>">Edit Details</a>
 <a name="<?php echo $my_uploads['id'];?>" onClick="deletepr(this.name)" >Delete</a>
 </td>
 </tr>

 </table>

 </div>
  <?php

  }

  ?>


  </div>

"  /> 
说明:

尺寸:

喜欢:
对于任何并排的CSS排列,您应该首先确定需要对齐的元素数量、每个元素之间的关系以及跨浏览器兼容性的含义

假设

<div class='outer'><div></div><div></div><div></div><div></div><div></div></div>
<div class='outer'><div></div><div></div><div></div><div></div><div></div></div> 

  • 浮动:对。
    .outer>div{float:right}
  • 显示:内联或显示:内联块;
    .outer>div{display:inline block}

    这可能是最简单的解决方案。
    内联块允许您设置宽度
  • 显示:表格单元格。
    这模拟了一个表,这可能是您所需要的,也可能不是您所需要的。这是迄今为止唯一一个将两行上的单元格对齐的解决方案,但它的浏览器支持不够完善
  • 显示:flex()
    这是最复杂但功能最强大的解决方案。除10版之前的IE外,它在任何地方都有支持。它被认为是新标准,建议使用

  • 我想您正在寻找CSS属性显示

    当给定一个固定的宽度时,您可以轻松地对齐这些

    选中此示例,我将快速设置:

    您可能还希望签出引导,因为该框架在遵循规则时几乎可以自动处理大多数情况。

    布局时不要使用表格。如果有表格数据,请使用表格。设置div宽度:20%,float:left
    display: inline-block;