表格内再内嵌表格,如何让这些内嵌的表格自动换行
我定义了大表格为700像素的宽度,内嵌每个小表格150宽度,每行显示四个小表格后换行
代码如下:
(结果是:表格不换行,把大表格撑破了)
- HTML code
<!--
Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/
-->
//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>
<br><font color="#e78608">------解决方案--------------------</font><br>
很明显楼主没有对表格进行换行控制。<br><br> 三种方法供参考:<br><br>1,换用DIV(方便很多,但是弊端是,你得重新设计你的样式表)<br><br>2,用楼上那个左浮动(弊端是,内容向左,不能居中了)<br><br>3,用PHP程序控制:每取出四个值,填入4个表后,重新<tr>一下(太方便美观了) <div class="clear">
</div>









