CSDN用代码插入表格的两种方法

方法一

代码如下

| 表头一 | 表头二 | 表头三 |
| ------ | ------ | ------ |
| 文本11 | 文本12 | 文本13 |
| 文本21 | 文本22 | 文本23 |

效果图如下:

表头一 表头二 表头三
文本11 文本12 文本13
文本21 文本22 文本23

注意事项:

1)|、-、:之间的多余空格会被忽略,不影响布局。
2)默认标题栏居中对齐,内容居左对齐。
3)-:表示内容和标题栏居右对齐,:-表示内容和标题栏居左对齐,:-:表示内容和标题栏居中对齐。
4)内容和|之间的多余空格会被忽略,每行第一个|和最后一个|可以省略,-的数量至少有一个。

作者:zizi192
链接:https://www.jianshu.com/p/2df05f279331
侵删

方法二

代码如下:

<table>
    <thead>
        <tr>
            <th>表头一</th>
            <th>表头二</th>
            <th>表头三</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>文本11</td>
            <td>文本12</td>
            <td>文本13</td>
        </tr>
        <tr>
            <td>文本21</td>
            <td>文本22</td>
            <td>文本23</td>
        </tr>
        <tr>
            <td>文本31</td>
            <td>文本32</td>
            <td>文本33</td>
        </tr>
    </tbody>
</table>

效果图如下:

表头一 表头二 表头三
文本11 文本12 文本13
文本21 文本22 文本23
文本31 文本32 文本33

注意事项:

加粗:<b>;换行:<br>;
表头以<thead>开头,</thead>结尾;
单行文本以<tr>开头, </tr>结尾;
整个文本框以<tbody>开头,</tbody>结尾;
整张表以<table>开头,</table>结尾;

你可能感兴趣的:(CSDN用代码插入表格的两种方法)