方法一
代码如下
| 表头一 | 表头二 | 表头三 |
| ------ | ------ | ------ |
| 文本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>结尾;