HBuildr应用整理-table表格篇

最新推荐文章于 2024-04-21 13:53:40 发布

斑熊啊

最新推荐文章于 2024-04-21 13:53:40 发布

阅读量796

点赞数

分类专栏： HBuildr 文章标签： table HBuildr 前端基础

本文链接：https://blog.csdn.net/weixin_44185138/article/details/85125043

版权

本文介绍了HBuildr中table表格的使用，包括<tr>定义行，<td>定义单元格内容，以及对齐方式（align和valign）和单元格合并（colspan和rowspan）的设置。通过示例展示如何实现表格的复杂布局。

摘要由CSDN通过智能技术生成

table的逻辑

<table>
	<tr>
		<td></td>	
	</tr>
</table>

首先声明一个<table>
<tr>是表格的行数
<td>是表格的单元格内容，即列的内容
对齐：align 水平对齐方式；valign 垂直对齐方式
合并单元格：colspan类似键盘上的空格，跨列数合并；rowspan，列行数合并

示例

<table>
	<tr>
		<td></td>
		<td></td>
		<td>1</td>
		<td></td>
		<td></td>
	</tr>	
	<tr>
		<td></td>
		<td></td>
		<td>1</td>
		<td></td>
		<td></td>
	</tr>			
	<tr>
		<td></td>
		<td>1</td>
		<td>1</td>
		<td>1</td>
		<td></td>
	</tr>		
	<tr>		
		<td></td>
		<td>1</td>
		<td>1</td>
		<td>1</td>
		<td></td>
	</tr>
	<tr>