表格的基本语法
- 定义表格 - 定义表行 - 定义表头 - 定义表元(表格的具体数据)带边框的表格:
复制代码代码如下:
Food | Drink | Sweet |
---|---|---|
A | B | C |
Drink
Sweet
A
B
C
不带边框的表格:
复制代码代码如下:
Food | Drink | Sweet |
---|---|---|
A | B | C |
Food
Drink
Sweet
A
B
C
跨多行、多列的表元(Table Span)
跨多列的表元
复制代码代码如下:
Morning Menu | ||
---|---|---|
Food | Drink | Sweet |
A | B | C |
Morning Menu
Food
Drink
Sweet
A
B
C
跨多行的表元
复制代码代码如下:
Morning Menu | Food | A |
---|---|---|
Drink | B | |
Sweet | C |
Food
A
Drink
B
Sweet
C
表格尺寸设置
边框尺寸设置:
复制代码代码如下:
Food | Drink | Sweet |
---|---|---|
A | B | C |
Drink
Sweet
A
B
C
表格尺寸设置:
复制代码代码如下:
Food | Drink | Sweet |
---|---|---|
A | B | C |
Drink
Sweet
A
B
C
表元间隙设置:
复制代码代码如下:
Food | Drink | Sweet |
---|---|---|
A | B | C |
Drink
Sweet
A
B
C
表元内部空白设置:
复制代码代码如下:
Food | Drink | Sweet |
---|---|---|
A | B | C |
Drink
Sweet
A
B
C
表格内文字的对齐/布局
#=left, center, right复制代码代码如下:
Food | Drink | Sweet |
---|---|---|
A | B | C |
Food
Drink
Sweet
A
B
C
#=top, middle, bottom, baseline复制代码代码如下:
Food | Drink | Sweet | Other |
---|---|---|---|
A | B | C | D |
Food
Drink
Sweet
Other
A
B
C
D
表格在页面中的对齐/布局(Floating Table)
复制代码代码如下:
Food | Drink | Sweet |
---|---|---|
A | B | C |
My favorites...
cookies, chocolates, and more.
Food
Drink
Sweet
A
B
C
My favorites...
cookies, chocolates, and more.
Food
Drink
Sweet
A
B
C
My favorites...
cookies, chocolates, and more.
复制代码代码如下:
Food | Drink | Sweet |
---|---|---|
A | B | C |
My favorites...
cookies, chocolates, and more.
Food
Drink
Sweet
A
B
C
My favorites...
cookies, chocolates, and more.
表格的标题
... #=left, center, right复制代码代码如下:
Food | Drink | Sweet |
---|---|---|
A | B | C |
Lunch
Food
Drink
Sweet
A
B
C
... #=top, bottomvalign=top is default.
复制代码代码如下:
Food | Drink | Sweet |
---|---|---|
A | B | C |
Food
Drink
Sweet
A
B
C
Lunch