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>进行拆分的主要内容,如果未能解决你的问题,请参考以下文章