正在回答
因为你的align='center' 加在了<td></td>标签上，这样解析为：<td></td>标签内的内容居中也就是只实现了 文字在<td></td> 标签内的居中。但是很明显你想实现的是<td></td>标签的居中，所以你应该找他的父集<table></table>标签。在上面加上align='center' 即可。
<tr bgcolor="orange"> <td> <table width="1024px" align="center"> <tr > <td width="240px" bgcolor="white">内容 </td> <td bgcolor="orange" width="20px"> </td> <td width="764px" bgcolor="white"> 内容</td> </tr> </table> </td> </tr>
这个是我的代码：
<!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> </head> <body> <!-- 在此编写代码 --> <table align='center' width='100%'> <tr bgcolor='pink' height='80'><td>页头</td></tr> <tr height='10'><td></td></tr> <tr bgcolor='orange'> <td> <table align='center' valign='middle'> <tr > <td width='240' bgcolor='white'>左侧内容</td> <td width='20'></td> <td width='764' bgcolor='white'>右侧内容</td> </tr> </table> </td> </tr> <tr height='10'><td></td></tr> <tr bgcolor='black' height='80'><td></td></tr> </table> </body> </html>
兄弟，你的应该是嵌套有问题，这是我写的，你看看：
<table width="100%">
<tr bgcolor="pink" height="80px">
<td></td><!--粉色-->
</tr>
<tr height="5px">
<td></td><!--空隙-->
</tr>
<tr bgcolor="orange" >
<td><!--主体内容-->
<table width="50%" align="center">
<tr>
<td width="30%" bgcolor="white">左侧内容</td><!--主体左侧内容-->
<td width="5%"></td><!--主体空隙-->
<td width="65%" bgcolor="white">右侧内容</td><!--主体右侧内容-->
</tr>
</table>
</td><!--橙色-->
</tr>
<tr height="5px">
<td></td><!--空隙-->
</tr>
<tr bgcolor="black" height="80px">
<td></td><!--黑色-->
</tr>
</table>
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星