![](https://iknow-base.cdn.bcebos.com/lxb/notice.png)
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> 展开
<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> 展开
1个回答
展开全部
这样就好了,你试试。
<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了
<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了
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询