HTML 表格对其问题

麻烦各位高人帮帮忙,我想做一个HTML的表格,第一行有四格,第二行有三格,第一行四个格子分别占空间的20%,20%,20%,40%,第二行三个格子分别占空间的33%,33... 麻烦各位高人帮帮忙,我想做一个HTML的表格,第一行有四格,第二行有三格,第一行四个格子分别占空间的20%,20%,20%,40%,第二行三个格子分别占空间的33%,33%,33%,我试着写了写。。。总是不对啊,前几个格子上下总是对其,请问是不是有什么语句可以让上下两行不对齐啊?谢谢!!我写的代码如下
<html>
<head>
<title>test</title>
</head>
<body>
<center>
<table bgcolor=white width=1000 border=0 cellspacing=0 cellpadding=0>
<tr>
<td colspan=1 rowspan=0 align='center' valign='center' height=20 width=20% style="BORDER-RIGHT:medium none;BORDER-TOP:windowtext 1.5pt solid;BORDER-LEFT:windowtext 0.5pt solid;BORDER-BOTTOM:windowtext 0.5pt solid">
<font size=2>7</font>
</td>
<td colspan=1 rowspan=0 align='center' valign='center' height=20 width=20% style="BORDER-RIGHT:medium none;BORDER-TOP:windowtext 1.5pt solid;BORDER-LEFT:windowtext 0.5pt solid;BORDER-BOTTOM:windowtext 0.5pt solid">
<font size=2>8</font>
</td>
<td colspan=1 rowspan=0 align='center' valign='center' height=20 width=20% style="BORDER-RIGHT:medium none;BORDER-TOP:windowtext 1.5pt solid;BORDER-LEFT:windowtext 0.5pt solid;BORDER-BOTTOM:windowtext 0.5pt solid">
<font size=2>9</font>
</td>
<td colspan=1 rowspan=0 align='center' valign='center' height=20 width=40% style="BORDER-RIGHT:windowtext 1.5pt solid;BORDER-TOP:windowtext 1.5pt solid;BORDER-LEFT:windowtext 0.5pt solid;BORDER-BOTTOM:windowtext 0.5pt solid">
<font size=2>10</font>
</td>
</tr>
<tr>
<td colspan=1 rowspan=0 align='center' valign='center' height=20 width=33% style="BORDER-RIGHT:medium none;BORDER-TOP:windowtext 1.5pt solid;BORDER-LEFT:windowtext 0.5pt solid;BORDER-BOTTOM:windowtext 0.5pt solid">
<font size=2>6</font>
</td>
<td colspan=1 rowspan=0 align='center' valign='center' height=20 width=33% style="BORDER-RIGHT:medium none;BORDER-TOP:windowtext 1.5pt solid;BORDER-LEFT:windowtext 0.5pt solid;BORDER-BOTTOM:windowtext 0.5pt solid">
<font size=2>7</font>
</td>
<td colspan=2 rowspan=0 align='center' valign='center' height=20 width=34% style="BORDER-RIGHT:medium none;BORDER-TOP:windowtext 1.5pt solid;BORDER-LEFT:windowtext 0.5pt solid;BORDER-BOTTOM:windowtext 0.5pt solid">
<font size=2>8</font>
</td>
</tr>
</table>
</body>
</html>
展开
 我来答
edelwissliu
推荐于2016-10-20 · 超过12用户采纳过TA的回答
知道答主
回答量:44
采纳率:0%
帮助的人:27.8万
展开全部
这样就好了,你试试。
<html>
<head>
<title>test</title>
</head>
<body>
<center>
<table bgcolor=white width=1000 border=0 cellspacing=0 cellpadding=0>
<tr>
<td><table width="100%" cellpadding="0" cellspacing="0" border="0" >
<tr>
<td colspan=1 rowspan=0 align='center' valign='center' height=20 width=20% style="BORDER-RIGHT:medium none;BORDER-TOP:windowtext 1.5pt solid;BORDER-LEFT:windowtext 0.5pt solid;BORDER-BOTTOM:windowtext 0.5pt solid"><font size=2>7</font></td>
<td colspan=1 rowspan=0 align='center' valign='center' height=20 width=20% style="BORDER-RIGHT:medium none;BORDER-TOP:windowtext 1.5pt solid;BORDER-LEFT:windowtext 0.5pt solid;BORDER-BOTTOM:windowtext 0.5pt solid"><font size=2>8</font></td>
<td colspan=1 rowspan=0 align='center' valign='center' height=20 width=20% style="BORDER-RIGHT:medium none;BORDER-TOP:windowtext 1.5pt solid;BORDER-LEFT:windowtext 0.5pt solid;BORDER-BOTTOM:windowtext 0.5pt solid"><font size=2>9</font></td>
<td colspan=1 rowspan=0 align='center' valign='center' height=20 width=40% style="BORDER-RIGHT:windowtext 1.5pt solid;BORDER-TOP:windowtext 1.5pt solid;BORDER-LEFT:windowtext 0.5pt solid;BORDER-BOTTOM:windowtext 0.5pt solid"><font size=2>10</font></td>
</tr>
</table></td>
</tr>
<tr>
<td><table width="100%" cellpadding="0" cellspacing="0" border="0" ><tr>
<td colspan=1 rowspan=0 align='center' valign='center' height=20 width=33% style="BORDER-RIGHT:medium none;BORDER-TOP:windowtext 1.5pt solid;BORDER-LEFT:windowtext 0.5pt solid;BORDER-BOTTOM:windowtext 0.5pt solid"><font size=2>6</font></td>
<td colspan=1 rowspan=0 align='center' valign='center' height=20 width=33% style="BORDER-RIGHT:medium none;BORDER-TOP:windowtext 1.5pt solid;BORDER-LEFT:windowtext 0.5pt solid;BORDER-BOTTOM:windowtext 0.5pt solid"><font size=2>7</font></td>
<td colspan=2 rowspan=0 align='center' valign='center' height=20 width=34% style="BORDER-RIGHT:medium none;BORDER-TOP:windowtext 1.5pt solid;BORDER-LEFT:windowtext 0.5pt solid;BORDER-BOTTOM:windowtext 0.5pt solid"><font size=2>8</font></td>
</tr></table></td></tr></table>
</table></center>
</body>
</html>

table里面的行上下是对齐的,所以即使用colspan 也不能上下行的列对齐

所以在第一行的第一列里面再放一个table(传说中的table嵌套),这样就可以像你说的那样排列了。
第二行和第一行一样 里面插一个table
就ok了
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式