有一段HTML代码要请教大家！

来源：百度知道 编辑：UC知道 时间：2024/06/27 09:33:39
<html>
<body>
<table>
<tr>
<td valign=center>中上</td>
<td valign=top>左上</td>
<td valign=bottom>右上</td>
</tr>
<tr>
<td valign=top>左中</td>
<td valign=bottom>右中</td>
<td valign=center>中中</td>
</tr>
<tr>
<td valign=bottom>右下</td>
<td valign=center>中下</td>
<td valign=top>左下</td>
</tr>
</table>
</body>
</html>
我的书上说这段代码在浏览器中显示的效果是这样的：
中上
左上
右上
左中
右中
中中
右下
中下
左下
但是我照这编来后效果却是：
中上 左上 右上
左中 右中 中中
右下 中下 左下
不知道在哪出问题了，我用的操作系统使VISTA旗舰版的。
这个百度显示的也有问题，正确的效果不是排成一竖行，而是互相错开的，没有对齐。大家看那个文字（什么中上啊，左下啊的）就明白显示的是什么效果了

<tr>是一行
<td>是行中的一段。
所以你先知道这个当中标签的意思就很容易知道是什么原因了。你要的代码应该是这样的
<html>
<body>
<table>
<tr>
<td valign=top>左上</td>
<td valign=center>中上</td>
<td valign=bottom>右上</td>
</tr>
<tr>
<td valign=top>左中</td>
<td valign=center>中中</td>
<td valign=bottom>右中</td>
</tr>
<tr>
<td valign=top>左下</td>
<td valign=center>中下</td>
<td valign=bottom>右下</td>
</tr>
</table>
</body>
</html>
当然这个是最基本的写法

你的代码与你的结果是完全正确的，没有什么问题。代码中所描述的表格也只有三行，而并不是他所说的9行。