hooyantsing's Blog

P62_2_表格标题与对齐处理

字数统计: 179阅读时长: 1 min
2020/04/14

P62 2 表格标题与对齐处理

[HTML]

用于table标签内部的标题。

61b630dcc5a0e0568364e78d9abc18b3.png

table标准结构

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<table border="1">
    
    <thead>
        <caption>课程标题</caption>
        <tr>
            <td>编号</td>
            <td>标题</td>
        </tr>
    </thead>

    <thead>
        <tr>
            <td>1</td>
            <td>houdunren.com</td>
        </tr>
    </thead>

    <thead>
        <tr>
            <td>2</td>
            <td>hdcms.com</td>
        </tr>
    </thead>

</table>

caption-side

对caption标签位置设置

1
2
3
4
//位于底部 | 顶部
caption-side: bottom | top;
//位于左 | 右
text-align: left | right;

vertical-align

垂直位置

1
2
//垂直居中 | 居上 | 居下
vertical-align : middle | top | bottom;
CATALOG