表格内再内嵌表格，怎么让这些内嵌的表格自动换行
日期：2014-05-17 浏览次数：20612 次
表格内再内嵌表格，如何让这些内嵌的表格自动换行
我定义了大表格为700像素的宽度，内嵌每个小表格150宽度，每行显示四个小表格后换行
代码如下：
（结果是：表格不换行，把大表格撑破了）
------解决方案--------------------
1、在无 css 控制时，table 不会被平行放置。所以你的示例代码与问题描述不符
2、假定你已经做了控制，那么 4 个 table 只占 600，绝无超出 700 的可能。应该是你换行控制有问题
我定义了大表格为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>一下（太方便美观了）
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
