62,046
社区成员
发帖
与我相关
我的任务
分享HTML 表格对齐问题
麻烦各位高人帮帮忙，我想做一个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>
...全文
请发表友善的回复…
发表回复
phil999 2010-10-31
- 打赏
- 举报
拆成两个表，这就是 T++ 语言
whb147 2010-10-31
- 打赏
- 举报
个人建议还是分2个表，如2楼所说的
ijipeng 2010-10-31
- 打赏
- 举报
每行<td><table ...
或colspan控制
或colspan控制
koukoujiayi 2010-10-31
- 打赏
- 举报
1.先新建一个两行一列的表
2.在新建表的第一行中再建你的一行四列的表,分别设置20%，20%，20%
3.在新建表的第二行中再建你的一行三列的表,分别设置30%，30%
2.在新建表的第一行中再建你的一行四列的表,分别设置20%，20%，20%
3.在新建表的第二行中再建你的一行三列的表,分别设置30%，30%
wuyq11 2010-10-30
- 打赏
- 举报
每行<td><table ...
或colspan控制
或colspan控制
