UC知道我是网页菜鸟，请教一个超简单问题，帮我看看这个表格是怎么做出来的？
来源：百度知道 编辑：UC知道 时间：2024/07/02 00:11:11
一个表格有4行，
第1行要求这样的效果：
<td align='left'>top_left</td><td align='right'>top_right</td>
第2行要求对于这个表格来说是水平和垂直都居中的，就是这行特麻烦，不知道怎么写
第3行简单，类似这样的效果：
<td align='left'>bot_left</td><td align='right'>bot_right</td>
第4行更简单，类似这样的效果：
<td align='left' colspan='2'>bot</td>
要怎么实现整个这样的表格？
我就是用Dreamweaver来编辑的，不知道怎么排版出这样的效果，
顺便画一下效果图吧：
-----------------------------
|这是左上角 这是右上角|
| 这句水平和垂直都居中 |
|这是左下脚 这是右下角|
|这是最下面的一行了 |
-----------------------------
谢谢各位，特别是cipherf 的细心回答，你的思路是：调整行的高度来实现。我想：应该有其他办法能够提供精确的对齐。CSS?DIV?怎么写？如果没有更好的答案，分数就给你了。
第1行要求这样的效果：
<td align='left'>top_left</td><td align='right'>top_right</td>
第2行要求对于这个表格来说是水平和垂直都居中的，就是这行特麻烦，不知道怎么写
第3行简单，类似这样的效果：
<td align='left'>bot_left</td><td align='right'>bot_right</td>
第4行更简单，类似这样的效果：
<td align='left' colspan='2'>bot</td>
要怎么实现整个这样的表格？
我就是用Dreamweaver来编辑的，不知道怎么排版出这样的效果，
顺便画一下效果图吧：
-----------------------------
|这是左上角 这是右上角|
| 这句水平和垂直都居中 |
|这是左下脚 这是右下角|
|这是最下面的一行了 |
-----------------------------
谢谢各位，特别是cipherf 的细心回答，你的思路是：调整行的高度来实现。我想：应该有其他办法能够提供精确的对齐。CSS?DIV?怎么写？如果没有更好的答案，分数就给你了。
因为想要的是第2行要在整个表格中居中，而行数又是双数，所以用单元格高度来保持它垂直居中。
把第二行的单元格设为垂直居底，同时第二行的高度设为加上第一行再加字高的一半等于下面两行，比如每行高度50，字高10，那么第二行高设为55，不是很精确，但是差不多了。另外这样的表不能有边框，要边框的话第二行要设为垂直居中看起来才不奇怪。
全表代码例：
<table width="200" cellpadding="0" cellspacing="0">
<tr>
<td height="50" align="left">top_left</td>
<td height="50" align="right">top_right</td>
</tr>
<tr align="center" valign="bottom">
<td height="55" colspan="2"> middle</td>
</tr>
<tr>
<td height="50" align="left">bot_left</td>
<td height="50" align="right">bot_right</td>
</tr>
<tr>
<td height="50" colspan="2">bot</td>
</tr>
</table>
呵呵，安装一个