我定义了大表格为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>一下(太方便美观了)