table标签的td如何横向、纵向合并?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了table标签的td如何横向、纵向合并?相关的知识,希望对你有一定的参考价值。

colspan是横向合并;rowspan是纵向合并。
不过建议使用dreamwear在设计中合并,简单直观。
按住ctrl点击想要合并的单元格,在属性窗口中选择合并就行了。
参考技术A 用dreamwere的话在设计视图下,直接选中要合并的单元格或者行,然后在下面属性栏左边有合并单元格按钮,直接点一下就可以了,非常简单直接! 参考技术B colspanrowspan
两个参数,
colspan是合并td,
rowspan是合并tr,
例如:<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>123</title> <style type="text/css"> .mTablewidth:200px;border:1px solid #666;border-collapse:collapse .mTable tdborder:1px solid #666 </style> </head> <body> <table width="200" cellspacing="0" cellpadding="0" class="mTable"> <tr> <td width="60">姓名:</td> <td width="140">某某</td> </tr> <tr> <td colspan="2">个人简介</td> </tr> </table>
<table width="200" cellspacing="0" cellpadding="0" class="mTable"> <tr> <td width="60">姓名:</td> <td width="140">某某</td> </tr> <tr> <td colspan="2">个人简介个人简介个人简介</td> </tr> </table> </body> </html>

以上是关于table标签的td如何横向、纵向合并?的主要内容,如果未能解决你的问题,请参考以下文章

PHPWordPHPWord动态生成表格table | 单元格横向合并单元格纵向合并单元格边框样式单元格垂直水平居中

20191105 前端学习总结

html中,如何固定table单元格宽度?

js合并表格相同单元格(纵向)

asp.net中的table控件怎么合并单元格

在ASP.NET中如何合并单元格?