当前位置: 代码迷 >> PHP >> 表格内再内嵌表格,怎么让这些内嵌的表格自动换行
  详细解决方案

表格内再内嵌表格,怎么让这些内嵌的表格自动换行

热度:35   发布时间:2016-04-29 00:16:29.0
表格内再内嵌表格,如何让这些内嵌的表格自动换行
我定义了大表格为700像素的宽度,内嵌每个小表格150宽度,每行显示四个小表格后换行
代码如下:
(结果是:表格不换行,把大表格撑破了)
HTML code
//PHP语句,从数据库select内容<table width="700" align="center">  <tr>     <td>      <table width="150">             //PHP语句这里显示从数据库中捞出的内容          </table>             //PHP语句,循环以上这个table     </td>  </tr></table>


------解决方案--------------------
1、在无 css 控制时,table 不会被平行放置。所以你的示例代码与问题描述不符
2、假定你已经做了控制,那么 4 个 table 只占 600,绝无超出 700 的可能。应该是你换行控制有问题
HTML code
<table width=700><tr><td><table width=150 border=1 style='float:left'><tr><td>a</td></tr></table><table width=150 border=1 style='float:left'><tr><td>a</td></tr></table><table width=150 border=1 style='float:left'><tr><td>a</td></tr></table><table width=150 border=1 style='float:left'><tr><td>a</td></tr></table><table width=150 border=1 style='float:left'><tr><td>a</td></tr></table><table width=150 border=1 style='float:left'><tr><td>a</td></tr></table></td></tr></table>
------解决方案--------------------
很明显楼主没有对表格进行换行控制。

三种方法供参考:

1,换用DIV(方便很多,但是弊端是,你得重新设计你的样式表)

2,用楼上那个左浮动(弊端是,内容向左,不能居中了)

3,用PHP程序控制:每取出四个值,填入4个表后,重新<tr>一下(太方便美观了)
  相关解决方案