table标签的结构与合并单元格的实现方法
程序员文章站
2022-04-11 09:49:09
...
1.标签的结构
一个完整的例子:
2.合并上下的单元格(rowspan)
示例代码:
3.合并左右的单元格(colspan)
示例代码:
# |
---|
1 |
2 |
3 |
4 |
一个完整的例子:
复制代码 代码如下:
# | Firstname | Lastname | Phone | |
---|---|---|---|---|
1 | qian | shou | 11111111111 | 111111111 |
2 | qian | shou | 11111111111 | 111111111 |
3 | qian | shou | 11111111111 | 111111111 |
4 | qian | shou | 11111111111 | 111111111 |
2.合并上下的单元格(rowspan)
示例代码:
复制代码 代码如下:
# | Firstname | Lastname | Phone | |
---|---|---|---|---|
1 | qian | shou | 11111111111 | 111111111 |
qian | shou | 11111111111 | 111111111 | |
3 | qian | shou | 11111111111 | 111111111 |
4 | qian | shou | 11111111111 | 111111111 |
3.合并左右的单元格(colspan)
示例代码:
复制代码 代码如下:
# | Firstname | Lastname | Phone | |
---|---|---|---|---|
1 | 这是合并了四个单元格 |
|||
2 | qian | shou | 11111111111 | 111111111 |
3 | qian | shou | 11111111111 | 111111111 |
4 | qian | shou | 11111111111 | 111111111 |
声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
相关文章
相关视频
- HTML+CSS 轻松入门之HTML基础标签(一)
- HTML+CSS 轻松入门之HTML基础标签(二)
- HTML基础教程之标签格式
- HTML基础教程之标签编写规范
- HTML+CSS 轻松入门之有序标签和无序标签,DIV标签
专题推荐
-
独孤九贱-php全栈开发教程
全栈 170W+
主讲:Peter-Zhu 轻松幽默、简短易学,非常适合PHP学习入门
-
玉女心经-web前端开发教程
入门 80W+
主讲:灭绝师太 由浅入深、明快简洁,非常适合前端学习入门
-
天龙八部-实战开发教程
实战 120W+
主讲:西门大官人 思路清晰、严谨规范,适合有一定web编程基础学习
- 最新文章
- 热门排行
下一篇: 如何获取元素的样式属性值?
推荐阅读
-
Python实现二叉树结构与进行二叉树遍历的方法详解
-
table标签的结构与合并单元格的实现方法
-
通过table标签,PHP输出EXCEL的实现方法
-
深入解析JS实现3D标签云的原理与方法
-
vue.js与element-ui实现菜单树形结构的解决方法
-
Python实现二叉树结构与进行二叉树遍历的方法详解
-
Python cookbook(数据结构与算法)将多个映射合并为单个映射的方法
-
Python cookbook(数据结构与算法)找到最大或最小的N个元素实现方法示例
-
Python cookbook(数据结构与算法)实现优先级队列的方法示例
-
element-ui中Table表格省市区合并单元格的方法实现
网友评论
文明上网理性发言,请遵守 新闻评论服务协议
我要评论