Html这种表格怎么画？

dashanyelang 2017-10-11 04:49:45
这个是代码
代码运行是这样
我想要的是这样
...全文
655 8 打赏 收藏 转发到动态 举报
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
本人QQ-554433626 2017-10-12
  • 打赏
  • 举报
 回复
引用 4 楼 dashanyelang 的回复:
[quote=引用 3 楼 qq_32661557 的回复:] [quote=引用 2 楼 dashanyelang 的回复:] 对于这个中间隔断怎么做？

<html>
<head>
<style> 
td table{margin:0;padding:0;height:100%;width:100%;border:0;border-collapse:collapse;border-collapse: collapse;border-width:0px; border-style:hidden;} 
table td{border:1px solid black;width:100px;height:30px;margin:0;padding:0;} 
td table td{margin:0;padding:0;height:120%;width:100%;border:0;border-right:1px solid black;} 
</style> 
</head>
<body>
<table cellspacing="0" cellpadding="0" style="border-collapse: collapse;">
<tr>
<td rowspan="2">中文姓名</td>
<td rowspan="2"></td>
<td rowspan="2">性别</td>
<td rowspan="2"></td>
<td rowspan="2">籍贯</td>
<td rowspan="2"></td>
<td rowspan="2">出生日期</td>
<td rowspan="1"></td>
<td rowspan="6">dsafasfsafas</td>
</tr>
<tr>
<td rowspan="1"></td>
</tr>
<tr>
<td>英文姓名</td>
<td></td>
<td>血型</td>
<td></td>
<td>是否</td>
<td></td>
<td>身份证</td>
<td></td>
</tr>
<tr>
<td>户籍地址</td>
<td colspan="7"><table><tr><td style="width:60%"></td><td style="width:20%">电话</td><td style="width:20%"></td></tr></table></td>
</tr>
<tr>
<td>通讯地址</td>
<td colspan="7"><table><tr><td style="width:60%"></td><td style="width:20%">电话</td><td style="width:20%"></td></tr></table></td>
</tr>
<tr>
<td>E-mail</td>
<td colspan="7"><table><tr><td style="width:60%"></td><td style="width:20%">手机号码</td><td style="width:20%"></td></tr></table></td>
</tr>
</table>
</body>
</html>
[/quote] 可以问个问题吗？为什么我的这个会到后面去？[/quote] 不知道。不知道。不知道！
Neil_223 2017-10-12
  • 打赏
  • 举报
 回复

按补充这个线，画一个规矩的表格，然后在这个基础上合并行或列。
dashanyelang 2017-10-12
  • 打赏
  • 举报
 回复
引用 3 楼 qq_32661557 的回复:
[quote=引用 2 楼 dashanyelang 的回复:] 对于这个中间隔断怎么做？

<html>
<head>
<style> 
td table{margin:0;padding:0;height:100%;width:100%;border:0;border-collapse:collapse;border-collapse: collapse;border-width:0px; border-style:hidden;} 
table td{border:1px solid black;width:100px;height:30px;margin:0;padding:0;} 
td table td{margin:0;padding:0;height:120%;width:100%;border:0;border-right:1px solid black;} 
</style> 
</head>
<body>
<table cellspacing="0" cellpadding="0" style="border-collapse: collapse;">
<tr>
<td rowspan="2">中文姓名</td>
<td rowspan="2"></td>
<td rowspan="2">性别</td>
<td rowspan="2"></td>
<td rowspan="2">籍贯</td>
<td rowspan="2"></td>
<td rowspan="2">出生日期</td>
<td rowspan="1"></td>
<td rowspan="6">dsafasfsafas</td>
</tr>
<tr>
<td rowspan="1"></td>
</tr>
<tr>
<td>英文姓名</td>
<td></td>
<td>血型</td>
<td></td>
<td>是否</td>
<td></td>
<td>身份证</td>
<td></td>
</tr>
<tr>
<td>户籍地址</td>
<td colspan="7"><table><tr><td style="width:60%"></td><td style="width:20%">电话</td><td style="width:20%"></td></tr></table></td>
</tr>
<tr>
<td>通讯地址</td>
<td colspan="7"><table><tr><td style="width:60%"></td><td style="width:20%">电话</td><td style="width:20%"></td></tr></table></td>
</tr>
<tr>
<td>E-mail</td>
<td colspan="7"><table><tr><td style="width:60%"></td><td style="width:20%">手机号码</td><td style="width:20%"></td></tr></table></td>
</tr>
</table>
</body>
</html>
[/quote] 可以问个问题吗？为什么我的这个会到后面去？
本人QQ-554433626 2017-10-12
  • 打赏
  • 举报
 回复
引用 2 楼 dashanyelang 的回复:
对于这个中间隔断怎么做？

<html>
<head>
<style> 
td table{margin:0;padding:0;height:100%;width:100%;border:0;border-collapse:collapse;border-collapse: collapse;border-width:0px; border-style:hidden;} 
table td{border:1px solid black;width:100px;height:30px;margin:0;padding:0;} 
td table td{margin:0;padding:0;height:120%;width:100%;border:0;border-right:1px solid black;} 
</style> 
</head>
<body>
<table cellspacing="0" cellpadding="0" style="border-collapse: collapse;">
<tr>
<td rowspan="2">中文姓名</td>
<td rowspan="2"></td>
<td rowspan="2">性别</td>
<td rowspan="2"></td>
<td rowspan="2">籍贯</td>
<td rowspan="2"></td>
<td rowspan="2">出生日期</td>
<td rowspan="1"></td>
<td rowspan="6">dsafasfsafas</td>
</tr>
<tr>
<td rowspan="1"></td>
</tr>
<tr>
<td>英文姓名</td>
<td></td>
<td>血型</td>
<td></td>
<td>是否</td>
<td></td>
<td>身份证</td>
<td></td>
</tr>
<tr>
<td>户籍地址</td>
<td colspan="7"><table><tr><td style="width:60%"></td><td style="width:20%">电话</td><td style="width:20%"></td></tr></table></td>
</tr>
<tr>
<td>通讯地址</td>
<td colspan="7"><table><tr><td style="width:60%"></td><td style="width:20%">电话</td><td style="width:20%"></td></tr></table></td>
</tr>
<tr>
<td>E-mail</td>
<td colspan="7"><table><tr><td style="width:60%"></td><td style="width:20%">手机号码</td><td style="width:20%"></td></tr></table></td>
</tr>
</table>
</body>
</html>
dashanyelang 2017-10-12
  • 打赏
  • 举报
 回复
对于这个中间隔断怎么做？
usecf 2017-10-12
  • 打赏
  • 举报
 回复
因为默认没有内容的话就不会显示td 你只有在<td> </td> 填充空格
dashanyelang 2017-10-12
  • 打赏
  • 举报
 回复
引用 6 楼 Neil_223 的回复:
按补充这个线，画一个规矩的表格，然后在这个基础上合并行或列。
可以告诉我，我这个错哪了吗？为什么会显示到后面去？
本人QQ-554433626 2017-10-11
  • 打赏
  • 举报
 回复 

<html>
<head>
<style> 
td table{margin:0;padding:0;height:100%;width:100%;border:0;border-collapse:collapse;border-collapse: collapse;border-width:0px; border-style:hidden;} 
table td{border:1px solid black;width:100px;height:30px;margin:0;padding:0;} 
td table td{margin:0;padding:0;height:120%;width:100%;border:0;border-right:1px solid black;} 
</style> 
</head>
<body>
<table cellspacing="0" cellpadding="0" style="border-collapse: collapse;">
<tr>
<td>中文姓名</td>
<td></td>
<td>性别</td>
<td></td>
<td>籍贯</td>
<td></td>
<td>出生日期</td>
<td></td>
<td rowspan="5">dsafasfsafas</td>
</tr>
<tr>
<td>英文姓名</td>
<td></td>
<td>血型</td>
<td></td>
<td>是否</td>
<td></td>
<td>身份证</td>
<td></td>
</tr>
<tr>
<td>户籍地址</td>
<td colspan="7"><table><tr><td style="width:60%"></td><td style="width:20%">电话</td><td style="width:20%"></td></tr></table></td>
</tr>
<tr>
<td>通讯地址</td>
<td colspan="7"><table><tr><td style="width:60%"></td><td style="width:20%">电话</td><td style="width:20%"></td></tr></table></td>
</tr>
<tr>
<td>E-mail</td>
<td colspan="7"><table><tr><td style="width:60%"></td><td style="width:20%">手机号码</td><td style="width:20%"></td></tr></table></td>
</tr>
</table>
</body>
</html>
html怎样添加excel表格,html 使用 excel表格数据类型-如何给html页面添加excel表格
怎么用js将excel中的数据读取后显示到网页中的表格？1、进入Internet属性。2、点击安全。3、选择自定义级别。4、把ActiveX控件和插件下的所有选项都改成启用。5、服务器生成html格式的Excel，然后设置如何给html页面添加excel表格一：Html转为Excel1我们打开网络上的一个包含表格内容的页面，点击菜单栏-文件-另存为。2弹出窗口选择保存路径，将保存类型选为“htm ...
用html语言编写表格,HTML表格（table标签）
在 HTML 中，我们使用 标签来定义表格。HTML 中的表格和 Excel 中的表格是类似的，都包括行、列、单元格、表头等元素。但是 HTML 表格在功能方面远没有 Excel 表格强大，HTML 表格不支持排序、求和、方差等数学计算，它只能用来展示数据。一个完整的表格由多个标签构成，我们不妨先来看一段简单的 HTML 代码：网站域名分类C语言中文网c.biancheng.net在线教育百度w...
HTML表格制作
HTML中制作表格有两种方法： （1）先把最原始的表格画出来，每一个都是单个单元格，然后再根据要求进行行合并或列合并，有的表格需要行列都合并，则也是把它分为两步做，先合并行再合并列（或者先合并列再合并行），若进行了colspan和rowspan的合并，则将之后同一行或同一列的单元格删除，但这种方法较麻烦，容易搞混。 （2）直接根据最终要生成的表格来操作，将每个合并的单元格看做一个小的单元格，不...
html表格的斜线怎么弄,word表格斜线怎么弄？
word表格斜线经常使用到，那么word表格斜线怎么弄？下面本篇文章给大家介绍一下word表格斜线的2种实现方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。一、插入直线的方式word表格斜线我们可以直接使用插入直线的方式来实现，这种方法还是挺简单实用的。首先，为了更好的演示，我随便画了一张表格。接下来我们就一起来看一看word表格中怎样添加斜线吧！1、添加一条斜线步骤：点击w...
html怎么设置一个表格的宽度一样吗,html表格单元格大小 怎样在html中设置所有表格大小一样...
在html中怎样控制表格的宽度表格的宽度设置都知道： .. 宽度虽然是这样设置的，但是的内容如果超出就还是可能会改变table的宽度， 这样就有两种情况，如果你不想改变宽且也不想改变行高，可是设置: overflow: hidden;text-overflow:ellipsis; 而如果你的高度可以改变。html中，如何固定table单元格宽度？在一行中,td宽度依次为3%,150px,3%,50...
CSS

61,112

社区成员

60,730

社区内容

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

加载中

查看更多榜单
社区公告
暂无公告

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

+ 用AI写文章