帮助:表格

来自喵辞书
跳转至: 导航搜索

表格是常用的内容排版手段,你可以通过编辑器上方的插入表格按钮插入简单的表格,也可以通过wiki语言来自己编写表格。

表格基础

维基使用Pipe代码来解释维基表格代码。

  • 起始部分为一对大括号以及一对竖线组成,不过只含有这样简单的结构的表格是没有边框的,为了有默认的好看的边框,我们可以在起始部分后加入代码:class="wikitable"
  • 表格标题可省略。其由一个竖线 | 和加号 + 组成|+,后接标题内容。
  • 列标题也可省略。由英文叹号!开头,双叹号!!作为单元格间隔。
  • 单元格由竖线区分,你可以在编辑器中另起一行,使用单竖线|[1],也可以在上一个单元格元素后面加入双竖线||,两者的显示效果完全相同。
  • 添加新行由一个竖线|和连字符-组成|-.

{| class="wikitable"
 |+ Headling
 !A!!B!!C
 |-
 | abc || def || ghi
 |-
 | jkl || mno || pqr
 |-
 | stu || vwx || yz
 |}

  

{| class="wikitable"
 |+ Headling
 !A!!B!!C
 |-
 | abc
 | def
 | ghi
 |-
 | jkl
 | mno
 | pqr
 |-
 | stu
 | vwx
 | yz
 |}

表格显示的效果(两者一样):

Headling
A B C
abc def ghi
jkl mno pqr
stu vwx yz
  
Headling
A B C
abc def ghi
jkl mno pqr
stu vwx yz

表格格式应用

合并行与合并列

如果需要合并行,请在需要合并的内容前,加上colspan="(需要合并的格数)",并在该参数之后加上竖线,再在后边添加内容。

如果需要合并列,请在需要合并的内容前,加上rowspan="(需要合并的列数)",并在该参数之后加上竖线,再在后边添加内容。 例子:

{| class="wikitable"
 |+行合并测试
 |一号 || 二号 || 三号
 |-
 | colspan="3" |三个单元格合并
 |}

  

{| class="wikitable"
 |+列合并测试
 |一号 || rowspan="3"|合并三列
 |-
 |二号
 |-
 |三号
 |}

  

{| class="wikitable"
 |+行列同时合并测试
 |-
 |一号 || 二号 || 三号 || rowspan="3"|列合并
 |-
 |四号 || 五号 || 六号
 |-
 |colspan="3"|行合并测试
 |}


显示效果:

行合并测试
一号 二号 三号
三个单元格合并
    
列合并测试
一号 合并三列
二号
三号
  
行列同时合并测试
一号 二号 三号 列合并
四号 五号 六号
行合并测试

调整文本位置与格式

如果因为别的单元格内容过长,而导致系统自动压缩了你不想被压缩的单元格,你可以使用参数style="white-space:nowrap"来设置该列禁止换行。请注意这个参数的优先级非常低,如果你用div语句应用了块显示的话效果会被完全抵消。

这里我们借用下维基的例子(物理学预警):维基表格帮助

如果要表格中的内容居中显示,则可以使用参数align="center",使用方法与一直以来的表格参数应用方法相同,不再赘述;当然center也可以换成right或left。

如果要表格浮动显示,则使用style="float: right;"参数,最好放在class="wikitable"后边,拥有这样参数的表格文字会环绕于表格周围。

此外普通的字体调整可以使用wiki入门中的方法,不再赘述。

调整相关颜色

调整颜色的方式为添加代码:style="background:read; color:white"

上述代码的用途是将表格背景设置为红色,文字颜色设置为白色。

显然,background用于设置背景颜色,color参数用于调整文字颜色。

如果要调整一整行的效果,请用在该行|-符号之后;如果要调整某一格的显示效果,请用在该行||之后并用单竖线与内容隔开。

代码:

{| class="wikitable"
|+ Headling
!A!!B!!C
|-style="background:blue;color:white"
| abc || def || ghi
|-
| jkl || style="background:#8B00FF;color:#E6005C"|mno || pqr
|-style="background:#8CE600;color:#FFA500"
| style="background:#3CB371;color:#00FF00"|stu || vwx || yz
|}

效果:

Headling
A B C
abc def ghi
jkl mno pqr
stu vwx yz

更多颜色代码请看帮助:颜色列表

仅使用表格格式

如果想仅仅应用表格的排版方式,而不想建立一个表格,则省略class="wikitable"

此时你会将内容以表格的排版方式展现在页面上,但不会有边框,背景颜色。

你可以添加Style参数为这种表格加上边框等样式。


关于

  1. 如果在同一行运用单竖线分割内容,内容会被归类到起始单竖线与下一个双竖线之间