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>结尾;
  • 8
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值