怎样才能让table中嵌套的并排td不撑破外面的table
1个回答
推荐于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>
七鑫易维信息技术
2024-09-02 广告
2024-09-02 广告
Play Video 七鑫易维是致力于机器视觉和人工智能领域的高新科技企业,迄今已专注眼球追踪技术的研发、创新与应用超过14年,拥有完全自主知识产权,全球专利总量655余项。 作为眼球追踪技术领域的全球知名品牌,七鑫易维的产品体系覆盖眼动分...
点击进入详情页
本回答由七鑫易维信息技术提供
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询