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;