Markdown表格(跨行跨列)合并单元格

Markdown不提供单元格合并语法。在我们实际运用中,表格排列并不一致,有单元格的合并。

Markdown虽然没有合并单元格的语法,但是Markdown是兼容HTML的,因此,我们可以通过HTML的方式实现单元格合并。

使用方法:直接将写好的代码粘贴到Markdown编辑器即可。

合并单元格(两个重要属性)

  • 跨行合并:rowspan
  • 跨列合并:colspan

合并单元格思想:

将多个内容合并的时候,就会有多余的东西,把它删除。
合并的顺序 先上先左

跨行合并示例:

<table>
	<tr>
	    <th>属性</th>
	    <th>属性值</th>
	    <th>描述</th>  
	</tr >
	<tr >
	    <td rowspan="9">type</td>
	    <td>text</td>
	    <td>单行文本输入框</td>
	</tr>
	<tr>
	    <td>password</td>
	    <td>密码输入框</td>
	</tr>
	<tr>
	    <td>radio</td>
	    <td>单选按钮</td>
	</tr>
	<tr>
	    <td>CheckBox</td>
	    <td>复选按钮</td>
	</tr>
	<tr><td>button</td>
	    <td>普通按钮</td>
	</tr>
	<tr>
	    <td>submit</td>
	    <td>提交按钮</td>
	</tr>
	<tr>
	    <td>reset</td>
	    <td>重置按钮</td>
	</tr>
	<tr>
	    <td>image</td>
	    <td>图像形式的提交按钮</td>
	</tr>
	<tr>
	    <td >file</td>
	    <td>文件域</td>
	</tr>
	<tr>
	    <td >name</td>
	    <td>用户自定义</td>
	    <td>控件名称</td>
	</tr>
	<tr>
	    <td >value</td>
	    <td >用户自定义</td>
	    <td >默认文本值</td>
	</tr>
	<tr>
	    <td >size</td>
	    <td >正整数</td>
	    <td >控件在页面中的显示宽度</td>
	</tr>
	<tr>
	    <td >checked</td>
	    <td >checked</td>
	    <td >定义选择控件默认被选中项</td>
	</tr>
	<tr>
	    <td >maxlength</td>
	    <td >正整数</td>
	    <td >控件允许输入的最多字符</td>
	</tr>
</table>
属性 属性值 描述
type text 单行文本输入框
password 密码输入框
radio 单选按钮
CheckBox 复选按钮
button 普通按钮
submit 提交按钮
reset 重置按钮
image 图像形式的提交按钮
file 文件域
name 用户自定义 控件名称
value 用户自定义 默认文本值
size 正整数 控件在页面中的显示宽度
checked checked 定义选择控件默认被选中项
maxlength 正整数 控件允许输入的最多字符

跨行跨列示例:

<table>
	<tr>
	    <th>属性</th>
	    <th>属性值</th>
	    <th>描述</th>  
	</tr >
	<tr >
	    <td colspan="2" rowspan="2">type</td>
	    <td>单行文本输入框</td>
	</tr>
	<tr>
	    <td>控件名称</td>
	</tr>
	<tr>
	    <td >value</td>
	    <td >用户自定义</td>
	    <td >默认文本值</td>
	</tr>
	<tr>
	    <td >size</td>
	    <td >正整数</td>
	    <td >控件在页面中的显示宽度</td>
	</tr>
	<tr>
	    <td >checked</td>
	    <td >checked</td>
	    <td >定义选择控件默认被选中项</td>
	</tr>
	<tr>
	    <td >maxlength</td>
	    <td >正整数</td>
	    <td >控件允许输入的最多字符</td>
	</tr>
</table>

效果:

属性 属性值 描述
type 单行文本输入框
控件名称
value 用户自定义 默认文本值
size 正整数 控件在页面中的显示宽度
checked checked 定义选择控件默认被选中项
maxlength 正整数 控件允许输入的最多字符

猜你喜欢

转载自blog.csdn.net/qq_44721831/article/details/108692083