Dy1ngn 2021-04-12 21:42 采纳率: 66.7%
浏览 94
已结题

小白关于表格的问题 :两个表格不同怎么合并

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


想做成的样子和现有的样子:

 

  • 写回答

7条回答 默认 最新

  • FengXM_ 2021-04-12 22:02
    关注
    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <style type="text/css">
            td {
                text-align: center;
            }
            td{
                box-sizing: border-box;
            }
        </style>
    </head>
    
    
    <body>
        <table align="center" border="1" cellspacing="0" cellpadding="0" style="border-bottom: 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>

    可以了

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(6条)

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 7月31日

悬赏问题

  • ¥15 名为“Product”的列已属于此 DataTable
  • ¥15 安卓adb backup备份应用数据失败
  • ¥15 eclipse运行项目时遇到的问题
  • ¥15 关于#c##的问题:最近需要用CAT工具Trados进行一些开发
  • ¥15 南大pa1 小游戏没有界面,并且报了如下错误,尝试过换显卡驱动,但是好像不行
  • ¥15 没有证书,nginx怎么反向代理到只能接受https的公网网站
  • ¥50 成都蓉城足球俱乐部小程序抢票
  • ¥15 yolov7训练自己的数据集
  • ¥15 esp8266与51单片机连接问题(标签-单片机|关键词-串口)(相关搜索:51单片机|单片机|测试代码)
  • ¥15 电力市场出清matlab yalmip kkt 双层优化问题