html中如何将表格<td>进行拆分

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html中如何将表格<td>进行拆分相关的知识,希望对你有一定的参考价值。

问题是这样的:我有一种表格设计方式是这样的,用了html中的
,想实现下面的样式:

但是如果用tabletrtd /tdtd /tdtd /tdtr/table(没写标签的括号<>是因为会被屏蔽)
最后一个单元格就不能分成两行了,各位朋友有什么好方法吗?十分感谢

您好,这个可以用css编写,当然也可以用表格了。我帮您写了出来了,我已经好久没写表格了,专门百度学习后写的,不容易,希望能够帮到您。望采纳谢谢。代码在下面。

<table border="1" width="100%" cellspacing="0" cellpadding="0" height="195">
<tr>
<td rowspan="2">区域一</td>
<td rowspan="2">区域二</td>
<td>区域三</td>
</tr>
<tr>
<td>区域四</td>
</tr>
</table>

参考技术A

<table border="1" width="100%" cellspacing="0" cellpadding="0" height="195">

<tr>

<td rowspan="2">区域一</td>

<td rowspan="2">区域二</td>

<td>区域三</td>

</tr>

<tr>

<td>区域四</td>

</tr>

</table>

参考技术B <table border="1" style="width: 300px" rules="all">
<tr><td>姓名</td><td colspan="8">联系方式</td>
<tr><td rowspan="2">Bill Gates</td><td colspan="4">手机</td><td colspan="4">手机</td></tr>
<tr><td >f</td><td>g</td><td >f</td><td>g</td><td >f</td><td>g</td><td >f</td><td>g</td></tr>
<tr></tr>

</table>

以上是关于html中如何将表格<td>进行拆分的主要内容,如果未能解决你的问题,请参考以下文章

在 Java 中使用 Jsoup 将 HTML 表解析为 JSON

如何使表格中的 <td> 元素高度相同?

将 HTML 表发布到 ADO.NET DataTable

如何使用 jQuery 动态创建 HTML 表格?

td内的html表tr

急!我用Java连接了数据库并读取了一个表中的数据,如何在jsp页面中以表格的形式输出查询的数据??谢谢