为什么代码写了居中还是显示不了居中？
来源：3-4 编程练习
陈立天
2019-03-30 11:50:36
5回答
-
因为你的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>
1 -
Trimus
2019-04-06
这个是我的代码：
<!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>
0h019-04-06 -
Trimus
2019-04-06
<td align='center'>
只是对单元格内的内容进行居中。如果要将内嵌的表格水平居中，应该为
<table align='center' valign='middle'>
0 -
adve
2019-04-03
你的居中的意思是里面嵌套的单元格的内容居中，即“123”是居中的。你应该对里面这个一行三列的单元格整体进行居中，操作方式是对内层的table标签设置居中或对包含内层table标签的td标签设置居中。
0 -
qq_一切都是最好的安排_1
2019-03-30
兄弟，你的应该是嵌套有问题，这是我写的，你看看：
<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>0
相似问题