怎样才能让table中嵌套的并排td不撑破外面的table
推荐于2016-08-19 · 知道合伙人互联网行家
关注
展开全部
不能对TD循环,TD是不会自动换行的,只能对table循环
代码(必须用到float:left):
HTML code <table width=700px border=1> <tr align=center> <td width=150px$amp;>amp;$lt;table style='float:left'$amp;>amp;$lt;tr$amp;>amp;$lt;td>内容1</td$amp;>amp;$lt;/tr$amp;>amp;$lt;/table$amp;>amp;$lt;/td> <td width=150px$amp;>amp;$lt;table style='float:left'$amp;>amp;$lt;tr$amp;>amp;$lt;td>内容2</td$amp;>amp;$lt;/tr$amp;>amp;$lt;/table$amp;>amp;$lt;/td> <td width=150px$amp;>amp;$lt;table style='float:left'$amp;>amp;$lt;tr$amp;>amp;$lt;td>内容3</td$amp;>amp;$lt;/tr$amp;>amp;$lt;/table$amp;>amp;$lt;/td> <td width=150px$amp;>amp;$lt;table style='float:left'$amp;>amp;$lt;tr$amp;>amp;$lt;td>内容4</td$amp;>amp;$lt;/tr$amp;>amp;$lt;/table$amp;>amp;$lt;/td> <td width=150px$amp;>amp;$lt;table style='float:left'$amp;>amp;$lt;tr$amp;>amp;$lt;td>内容5</td$amp;>amp;$lt;/tr$amp;>amp;$lt;/table$amp;>amp;$lt;/td> <td width=150px$amp;>amp;$lt;table style='float:left'$amp;>amp;$lt;tr$amp;>amp;$lt;td>内容6</td$amp;>amp;$lt;/tr$amp;>amp;$lt;/table$amp;>amp;$lt;/td> </tr> </table>
代码(必须用到float:left):
HTML code <table width=700px border=1> <tr align=center> <td width=150px$amp;>amp;$lt;table style='float:left'$amp;>amp;$lt;tr$amp;>amp;$lt;td>内容1</td$amp;>amp;$lt;/tr$amp;>amp;$lt;/table$amp;>amp;$lt;/td> <td width=150px$amp;>amp;$lt;table style='float:left'$amp;>amp;$lt;tr$amp;>amp;$lt;td>内容2</td$amp;>amp;$lt;/tr$amp;>amp;$lt;/table$amp;>amp;$lt;/td> <td width=150px$amp;>amp;$lt;table style='float:left'$amp;>amp;$lt;tr$amp;>amp;$lt;td>内容3</td$amp;>amp;$lt;/tr$amp;>amp;$lt;/table$amp;>amp;$lt;/td> <td width=150px$amp;>amp;$lt;table style='float:left'$amp;>amp;$lt;tr$amp;>amp;$lt;td>内容4</td$amp;>amp;$lt;/tr$amp;>amp;$lt;/table$amp;>amp;$lt;/td> <td width=150px$amp;>amp;$lt;table style='float:left'$amp;>amp;$lt;tr$amp;>amp;$lt;td>内容5</td$amp;>amp;$lt;/tr$amp;>amp;$lt;/table$amp;>amp;$lt;/td> <td width=150px$amp;>amp;$lt;table style='float:left'$amp;>amp;$lt;tr$amp;>amp;$lt;td>内容6</td$amp;>amp;$lt;/tr$amp;>amp;$lt;/table$amp;>amp;$lt;/td> </tr> </table>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询