根据需要并排安排DIV - HTML PHP

时间:2013-06-12 20:46:13

标签: php css html5 html styles

我一直在考虑这一点,以确定我的要求之一。这就是我详细的页面流程。

我有以下页面,并希望以这种方式安排DIV。每个DIV都将从我的DB中填充。如果我在数据库中只有三个项目,那么页面应显示第一行只有三个div,依此类推。我怎么能用HTML 5,CSS和PHP来做到这一点?


  ...........      ..............         ...............            ..............
  .         .      .            .         .             .            .            .
  .   Div1  .      .   Div2     .         .   Div3      .            .   Div4     .
  .         .      .            .         .             .            .            .
  .         .      .            .         .             .            .            .
  .         .      .            .         .             .            .            .


  ...........
  .         .
  .  Div5   .    
  .         .
  .         .
  .         .

2 个答案:

答案 0 :(得分:0)

您可以为列出的每4个div创建一个计数器并设置换行符,或者您可以为父div设置最大宽度,这样当它不再适合时它们会自动“中断”(不要认为)这个很酷的主意)。

答案 1 :(得分:0)

您需要为父容器指定固定宽度。然后可能为div分配一些设置宽度并相对于第一个设置它们。也设置float:left;使用css到所有div。这应该让你工作。