html小白做表格时遇到的问题

Dy1ngn 2021-04-12 09:12:02
刚开始学遇到的小白问题,表格怎么让两个栏位不同的表格排到同一个表格里面,或者说怎么让两个表格无缝衔接,如果做在同一个表格里面就得要求表格中间的分隔线必须从上到下是一个整体,代码如下:
<html>

<head>
<meta charset="{CHARSET}">
<title></title>
<style type="text/css">
td {
text-align: center;
}
</style>
</head>

<body>
<table align="center" border="1" cellspacing="0" cellpadding="0">
<tr height="50">
<td width="60" rowspan="5">个<br />人<br />信<br />息</td>
<td width="100">姓名</td>
<td width="200"></td>
<td width="80">性别</td>
<td width="200"></td>
<td width="120">出生年月</td>
<td width="250"></td>
<td width="160" rowspan="4">贴<br />照<br />片<br />处</td>
</tr>
<tr height="50">
<td width="100">民族</td>
<td width="200"></td>
<td width="80">籍贯</td>
<td width="200"></td>
<td width="120">政治面貌</td>
<td width="250"></td>
</tr>
<tr height="50">
<td width="100">身高</td>
<td width="200"></td>
<td width="80">体重</td>
<td width="200"></td>
<td width="120">身体状况</td>
<td width="250"></td>
</tr>
<tr height="50">
<td width="100">联系电话</td>
<td width="200"></td>
<td width="80">邮箱</td>
<td width="200"></td>
<td width="120">现所在地</td>
<td width="250"></td>
</tr>
<tr height="50">
<td width="100">求职意向</td>
<td colspan="6"></td>
</tr>
<table align="center" border="1" cellspacing="0" cellpadding="0">

<tr height="50">
<td width="60" rowspan="3">教<br />育<br />背<br />景</td>
<td width="370">时间</td>
<td width="370">院校</td>
<td width="370">专业</td>
</tr>
<tr height="50">
<td width="370">20XX-XX</td>
<td width="370">武汉科技大学</td>
<td width="370">XX(本科)</td>
</tr>
<tr height="120">
<td align="left" rowspan="2" colspan="3">主修课程</td>
</tr>
</table>
</table>

</body>

</html>


想做成的样子和现有的样子:
...全文
147 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
泡泡鱼_ 2021-04-13
  • 打赏
  • 举报
回复
上下2个表格明显宽度不不致,开发工具一开就看到了,下面的少了8。把370,370,370分别改成373,373,372。反正就在这三个上面总共加多8,随便你怎么弄。 然后上面那个表格加多个样式:style="border-bottom:0px;"
  • 打赏
  • 举报
回复
rolspan和cowspan

61,110

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧