通过div的Html动态表

时间:2014-05-02 20:29:23

标签: html html-table

如何通过div创建表,它始终以单元格为中心。我的意思是,如果宽度例如302 px,表格在一行中显示3个div,宽度为90px,并且这些div和边界之间的空间相等(8px)。如果表格宽度更改为210px,则2个div将显示在一行中,空格相等(10px),第三个div将移动到下一行。窗口宽度是动态的。

1 个答案:

答案 0 :(得分:1)

我建议使用css和框架,例如:twitter bootstrapzurb foundation n,Check this out to get the overlaying image about responsive frameworks这些都有预先设置的设置,但您也可以根据自己的喜好修改它们。

您需要更改

x,y,z 

适合你,因为我没有完全按照你的数学运算,HTML tables are out dated and should not be used!

<div class="row">
    <div class="col-md-x">.col-md-4</div>
    <div class="col-md-y">.col-md-4</div>
    <div class="col-md-z">.col-md-4</div>
  </div>