我创建的嵌套表是
<table border="0" width="750" cellspacing="0" cellpadding="0">
<tr align="center">
<td width="530">
<table border="0" cellspacing="0" cellpadding="0" width="530">
<tr>
<td>
<tr>
<td width="14"></td>
<td width="177">
<p style="color:#333333; line-height: 20px; font-size: 16px; font-family: Helvetica, Arial, sans-serif; font-weight:bold; text-align: left; margin-left: 0px; padding-top: 0px;">Expand Your Reach</p>
<ul style="color:#767676; line-height: 20px; font-size: 12px; font-family: Helvetica, Arial, sans-serif; list-style-image:url(http://demo.frostmiller.com/sss104/images/bullet.jpg);text-align:left; margin-left: 25px; padding:0; list-style-position:outside;">
<li>Contrary to popular belief, Lorem Ipsum is not simply random text. </li>
<li>Contrary to popular belief, Lorem Ipsum is not simply random text. </li>
<li>Contrary to popular belief, Lorem Ipsum is not simply random text. </li>
</ul>
<br />
</td>
<td width="29"></td>
</tr>
<tr>
<td colspan="3">
<hr width="220" />
</td>
</tr>
<tr>
<td width="14"></td>
<td width="177" align="left">
<p style="color:#333333; line-height: 20px; font-size: 16px; font-family: Helvetica, Arial, sans-serif; font-weight:bold; text-align: left;">Contact Info</p>
<p style="color:#767676; line-height: 20px; font-size: 12px; font-family: Helvetica, Arial, sans-serif; text-align: left; margin-bottom: 2cm;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer .</p>
</td>
<td width="29"></td>
</tr>
</td>
</tr>
</table>
</td>
<td width="220">
</td>
</tr>
</table>
然而,宽度530的内表的嵌套导致外表的边界溢出。
答案 0 :(得分:3)
在内部表中,您可以设置css属性table-layout:fixed
。看看它是否解决了你的问题。
答案 1 :(得分:1)
在内容表的容器TD标签中添加填充,即style =“padding:10px;”