32,982
个编辑
更改
跳到导航
跳到搜索
小第2行：
第2行： − + − + − + − + − + − + − + − + − + − + − + − + − + 第35行：
第35行： − + − + 第52行：
第52行： − + 第69行：
第69行： − + − + 第83行：
第83行： − + 第95行：
第95行： − + − + − + − + − + − + − + − + − + 第121行：
第121行： − + − + 第144行：
第144行： − + 第168行：
第168行： − + − + 第191行：
第191行： − + − + 第214行：
第214行： − + 第226行：
第226行： − + − + 第245行：
第245行： − + 第265行：
第265行： − + − + − + 第284行：
第284行： − + − + 第302行：
第302行： − + − + − + 第323行：
第323行： − + − + 第352行：
第352行： − + − + − + − + − + 第372行：
第372行： − + − + 第396行：
第396行： − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + 第438行：
第438行： − + − + − + − + − + − + − + − + − + − + − + − + − + 第465行：
第465行： − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + 第508行：
第508行： − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + 第539行：
第539行： − + − + − + − + 第551行：
第551行： − + 第560行：
第560行： − + − + − + − + 第572行：
第572行： − + 第586行：
第586行： − + − + − + − + 第598行：
第598行： − + 第617行：
第617行： − + − + − + 第634行：
第634行： − + − + 第649行：
第649行： − + − + − + − + − + − + − + − + − + − + 第676行：
第676行： − + − + − + 第695行：
第695行： − + − + 第717行：
第717行： − + − + − + − + − + − + − + − + 第736行：
第736行： − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + 第790行：
第790行： − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + 第855行：
第855行： − + − + − + − + − + − + − + − + − + 第884行：
第884行： − + − + − + − + − + − + − + − + 第919行：
第919行： − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + − + 第961行：
第961行： − + 第969行：
第969行： − + − + − + − + − + − + − + 第991行：
第991行： − + − + − + − + − + − + − +
文本替换 - 替换“| ”为“|”
== Wiki表格标示摘要 ==
== Wiki表格标示摘要 ==
{| class="wikitable"
{|class="wikitable"
| style="padding: 10px;"| <big><nowiki>{|</nowiki></big>
|style="padding: 10px;"|<big><nowiki>{|</nowiki></big>
| style="padding: 5px;"| '''表格起始'''，必要。
|style="padding: 5px;"|'''表格起始'''，必要。
|-
|-
| style="padding: 10px;"| <big><nowiki>|+</nowiki></big>
|style="padding: 10px;"|<big><nowiki>|+</nowiki></big>
| style="padding: 5px;" | 表格'''大标题'''，可选。每张表格只能出现一次，位于表格'''起始'''与'''第一行'''之间。
|style="padding: 5px;" |表格'''大标题'''，可选。每张表格只能出现一次，位于表格'''起始'''与'''第一行'''之间。
|-
|-
| style="padding: 10px;"| <big><nowiki>|-</nowiki></big>
|style="padding: 10px;"|<big><nowiki>|-</nowiki></big>
| style="padding: 5px;" | '''表格行'''，用于将行与行之间分隔开来。表格起始与第一行之间不必添加表格行。
|style="padding: 5px;" |'''表格行'''，用于将行与行之间分隔开来。表格起始与第一行之间不必添加表格行。
|-
|-
| style="padding: 10px;"| <big><nowiki>!</nowiki></big>
|style="padding: 10px;"|<big><nowiki>!</nowiki></big>
| style="padding: 5px;" | '''表格标题单元格'''，可选。在行首单独使用（<code>!</code>）可以加一格标题，在同一行加入连续的表格标题可以使用（<code>!!</code>）。
|style="padding: 5px;" | '''表格标题单元格'''，可选。在行首单独使用（<code>!</code>）可以加一格标题，在同一行加入连续的表格标题可以使用（<code>!!</code>）。
|-
|-
| style="padding: 10px;"| <big><nowiki>|</nowiki></big>
|style="padding: 10px;"|<big><nowiki>|</nowiki></big>
| style="padding: 5px;" | '''表格内容单元格'''，可选。在行首单独使用（<code><nowiki>|</nowiki></code>）可以加一格内容，在同一行内加入连续的表格内容可以使用（<code><nowiki>||</nowiki></code>）。
|style="padding: 5px;" |'''表格内容单元格'''，可选。在行首单独使用（<code><nowiki>|</nowiki></code>）可以加一格内容，在同一行内加入连续的表格内容可以使用（<code><nowiki>||</nowiki></code>）。
|-
|-
| style="padding: 10px;"| <big><nowiki>|}</nowiki></big>
|style="padding: 10px;"|<big><nowiki>|}</nowiki></big>
| style="padding: 5px;" | '''表格结束'''，必要。
|style="padding: 5px;" |'''表格结束'''，必要。
|}
|}
*上述符号必须出现'''在新行的开头'''（除<code>||</code>与<code>!!</code>）。行开头的空格会被忽略。
*上述符号必须出现'''在新行的开头'''（除<code>||</code>与<code>!!</code>）。行开头的空格会被忽略。
下面这个表格没有边框，也没有单元格间距，但是用了最简单的方式展示维基表格是怎样的结构。
下面这个表格没有边框，也没有单元格间距，但是用了最简单的方式展示维基表格是怎样的结构。
{| style="width:100%"
{|style="width:100%"
! style="width: 50%;"|输入
! style="width: 50%;"|输入
! style="width: 50%;"|输出
! style="width: 50%;"|输出
|-
|-
| style="padding: 5px;"|
|style="padding: 5px;"|
<pre>
<pre>
{|
{|
|}
|}
</pre>
</pre>
| style="padding: 5px;"|
|style="padding: 5px;"|
{|
{|
|橘子
|橘子
如果单元格中的文本包含了换行符，可使用<code><nowiki><br/></nowiki></code>替代。
如果单元格中的文本包含了换行符，可使用<code><nowiki><br/></nowiki></code>替代。
{| style="width:100%"
{|style="width:100%"
! style="width: 50%;"|输入
! style="width: 50%;"|输入
! style="width: 50%;"|输出
! style="width: 50%;"|输出
|-
|-
| style="padding: 5px;"|
|style="padding: 5px;"|
<pre>
<pre>
{|
{|
|}
|}
</pre>
</pre>
| style="padding: 5px;"|
|style="padding: 5px;"|
{|
{|
|橘子||苹果||更多
|橘子||苹果||更多
单元格内，首尾的空格不影响实际的表现形式。
单元格内，首尾的空格不影响实际的表现形式。
{| style="width:100%"
{|style="width:100%"
! style="width: 50%;"|输入
! style="width: 50%;"|输入
! style="width: 50%;"|输出
! style="width: 50%;"|输出
|-
|-
| style="padding: 5px;"|
|style="padding: 5px;"|
<pre>
<pre>
{|
{|
| 橘子 || 苹果 || 更多
| 橘子 ||苹果 ||更多
|-
|-
| 面包 || 饼 || 更多
| 面包 ||饼 ||更多
|-
|-
| 奶油 || 冰淇凌 || 以及更多
| 奶油 ||冰淇凌 ||以及更多
|}
|}
</pre>
</pre>
| style="padding: 5px;"|
|style="padding: 5px;"|
{|
{|
| 橘子 || 苹果 || 更多
| 橘子 ||苹果 ||更多
|-
|-
| 面包 || 饼 || 更多
| 面包 ||饼 ||更多
|-
|-
| 奶油 || 冰淇凌 || 以及更多
| 奶油 ||冰淇凌 ||以及更多
|}
|}
|}
|}
当然，单元格内也可以输入更长的文本，或者更复杂的维基语法。
当然，单元格内也可以输入更长的文本，或者更复杂的维基语法。
{| style="width:100%"
{|style="width:100%"
! style="width: 50%;"|输入
! style="width: 50%;"|输入
! style="width: 50%;"|输出
! style="width: 50%;"|输出
|-
|-
| style="padding: 5px;"|
|style="padding: 5px;"|
<pre>
<pre>
{|
{|
|}
|}
</pre>
</pre>
| style="padding: 5px;"|
|style="padding: 5px;"|
{|
{|
|Lorem ipsum dolor sit amet,
|Lorem ipsum dolor sit amet,
标题单元格通常显示为粗体，并默认居中。
标题单元格通常显示为粗体，并默认居中。
{| style="width:100%"
{|style="width:100%"
! style="width: 50%;"|输入
! style="width: 50%;"|输入
! style="width: 50%;"|输出
! style="width: 50%;"|输出
|-
|-
| style="padding: 5px;"|
|style="padding: 5px;"|
<pre>
<pre>
{|
{|
|5.00
|5.00
|-
|-
! style="color:red" | 总计
! style="color:red" |总计
|
|
|15.00
|15.00
|}
|}
</pre>
</pre>
| style="padding: 5px;"|
|style="padding: 5px;"|
{|
{|
! 物品
! 物品
|5.00
|5.00
|-
|-
! style="color:red" | 总计
! style="color:red" |总计
|
|
|15.00
|15.00
'''表格标题'''可以添加到任何表格顶部，如下所示。
'''表格标题'''可以添加到任何表格顶部，如下所示。
{| style="width:100%"
{|style="width:100%"
! style="width: 50%;"|输入
! style="width: 50%;"|输入
! style="width: 50%;"|输出
! style="width: 50%;"|输出
|-
|-
| style="padding: 5px;"|
|style="padding: 5px;"|
<pre>
<pre>
{|
{|
|}
|}
</pre>
</pre>
| style="padding: 5px;"|
|style="padding: 5px;"|
{|
{|
|+ 食品和配餐
|+ 食品和配餐
这是一个HTML属性，作用于整个表格，因此应当写在表格起始符号<code><nowiki>{|</nowiki></code>用于放置属性的地方。
这是一个HTML属性，作用于整个表格，因此应当写在表格起始符号<code><nowiki>{|</nowiki></code>用于放置属性的地方。
{| style="width:100%"
{|style="width:100%"
! style="width: 50%;"|输入
! style="width: 50%;"|输入
! style="width: 50%;"|输出
! style="width: 50%;"|输出
|-
|-
| style="padding: 5px;"|
|style="padding: 5px;"|
<pre>
<pre>
{| class="wikitable"
{|class="wikitable"
|+食品和配餐
|+食品和配餐
|-
|-
|}
|}
</pre>
</pre>
| style="padding: 5px;"|
|style="padding: 5px;"|
{| class="wikitable"
{|class="wikitable"
|+ 食品和配餐
|+ 食品和配餐
|-
|-
您可以在单元格属性中加入<code>colspan</code>与<code>rowspan</code>属性进行高级布局。
您可以在单元格属性中加入<code>colspan</code>与<code>rowspan</code>属性进行高级布局。
{| style="width:100%"
{|style="width:100%"
! style="width: 50%;"|输入
! style="width: 50%;"|输入
! style="width: 50%;"|输出
! style="width: 50%;"|输出
|-
|-
| style="padding: 5px;"|
|style="padding: 5px;"|
<pre>
<pre>
{| class="wikitable"
{|class="wikitable"
!colspan="6"|购物清单
!colspan="6"|购物清单
|-
|-
|}
|}
</pre>
</pre>
| style="padding: 5px;"|
|style="padding: 5px;"|
{| class="wikitable"
{|class="wikitable"
!colspan="6"|购物清单
!colspan="6"|购物清单
|-
|-
表格属性添加到<code>{|</code>后，应用于整个表格。
表格属性添加到<code>{|</code>后，应用于整个表格。
{| style="width:100%"
{|style="width:100%"
! style="width: 50%;"| 输入
! style="width: 50%;"|输入
! style="width: 50%;"| 输出
! style="width: 50%;"|输出
|-
|-
| style="padding: 5px;"|
|style="padding: 5px;"|
<pre>
<pre>
{| class="wikitable" style="text-align: center; color: green;"
{|class="wikitable" style="text-align: center; color: green;"
|橘子
|橘子
|苹果
|苹果
|}
|}
</pre>
</pre>
| style="padding: 5px;"|
|style="padding: 5px;"|
{| class="wikitable" style="text-align: center; color: green;"
{|class="wikitable" style="text-align: center; color: green;"
|橘子
|橘子
|苹果
|苹果
单元格可以添加属性，作用于单个单元格。
单元格可以添加属性，作用于单个单元格。
{| style="width:100%"
{|style="width:100%"
! style="width: 50%;"| 输入
! style="width: 50%;"|输入
! style="width: 50%;"| 输出
! style="width: 50%;"|输出
|-
|-
| style="padding: 5px;"|
|style="padding: 5px;"|
<pre>
<pre>
{| class="wikitable"
{|class="wikitable"
| 橘子
|橘子
| 苹果
|苹果
| style="text-align:right;" | 12,333.00
|style="text-align:right;" |12,333.00
|-
|-
| 面包
|面包
| 饼
|饼
| style="text-align:right;" | 500.00
|style="text-align:right;" |500.00
|-
|-
| 奶油
|奶油
| 冰淇凌
|冰淇凌
| style="text-align:right;" | 1.00
|style="text-align:right;" |1.00
|}
|}
</pre>
</pre>
| style="padding: 5px;"|
|style="padding: 5px;"|
{| class="wikitable" style="text-align:center"
{|class="wikitable" style="text-align:center"
| 橘子
|橘子
| 苹果
|苹果
| style="text-align:right;" | 12,333.00
|style="text-align:right;" |12,333.00
|-
|-
| 面包
|面包
| 饼
|饼
| style="text-align:right;" | 500.00
|style="text-align:right;" |500.00
|-
|-
| 奶油
|奶油
| 冰淇凌
|冰淇凌
| style="text-align:right;" | 1.00
|style="text-align:right;" |1.00
|}
|}
|}
|}
注意单元格是被<code>||</code>分隔的，且每个单元格的属性和内容是被<code>|</code>分隔的。
注意单元格是被<code>||</code>分隔的，且每个单元格的属性和内容是被<code>|</code>分隔的。
{| style="width:100%"
{|style="width:100%"
! style="width: 50%;"| 输入
! style="width: 50%;"|输入
! style="width: 50%;"| 输出
! style="width: 50%;"|输出
|-
|-
| style="padding: 5px;"|
|style="padding: 5px;"|
<pre>
<pre>
{| class="wikitable"
{|class="wikitable"
| 橘子 || 苹果 || style="text-align:right;" | 12,333.00
|橘子 ||苹果 ||style="text-align:right;" |12,333.00
|-
|-
| 面包 || 饼 || style="text-align:right;" | 500.00
|面包 ||饼 ||style="text-align:right;" |500.00
|-
|-
| 奶油 || 冰淇凌 || style="text-align:right;" | 1.00
|奶油 ||冰淇凌 ||style="text-align:right;" |1.00
|}
|}
</pre>
</pre>
| style="padding: 5px;"|
|style="padding: 5px;"|
{| class="wikitable"
{|class="wikitable"
| 橘子 || 苹果 || style="text-align:right;" | 12,333.00
|橘子 ||苹果 ||style="text-align:right;" |12,333.00
|-
|-
| 面包 || 饼 || style="text-align:right;" | 500.00
|面包 ||饼 ||style="text-align:right;" |500.00
|-
|-
| 奶油 || 冰淇凌 || style="text-align:right;" | 1.00
|奶油 ||冰淇凌 ||style="text-align:right;" |1.00
|}
|}
|}
|}
可以给某一整行添加属性，作用域为添加处正下相邻的一行。
可以给某一整行添加属性，作用域为添加处正下相邻的一行。
{| style="width:100%"
{|style="width:100%"
! style="width: 50%;"|输入
! style="width: 50%;"|输入
! style="width: 50%;"|输出
! style="width: 50%;"|输出
|-
|-
| style="padding: 5px;"|
|style="padding: 5px;"|
<pre>
<pre>
{| class="wikitable"
{|class="wikitable"
| 橘子
|橘子
| 苹果
|苹果
| style="text-align:right;"| 12,333.00
|style="text-align:right;"|12,333.00
|-
|-
| 面包
|面包
| 饼
|饼
| style="text-align:right;"| 500.00
|style="text-align:right;"|500.00
|- style="font-style: italic; color: green;"
|- style="font-style: italic; color: green;"
| 奶油
|奶油
| 冰淇凌
|冰淇凌
| style="text-align:right;"| 1.00
|style="text-align:right;"|1.00
|}
|}
</pre>
</pre>
| style="padding: 5px;"|
|style="padding: 5px;"|
{| class="wikitable"
{|class="wikitable"
| 橘子
|橘子
| 苹果
|苹果
| style="text-align:right;"| 12,333.00
|style="text-align:right;"|12,333.00
|-
|-
| 面包
|面包
| 饼
|饼
| style="text-align:right;"| 500.00
|style="text-align:right;"|500.00
|- style="font-style: italic; color: green;"
|- style="font-style: italic; color: green;"
| 奶油
|奶油
| 冰淇凌
|冰淇凌
| style="text-align:right;"| 1.00
|style="text-align:right;"|1.00
|}
|}
|}
|}
边框用<code>border</code>来表示，单位为像素。
边框用<code>border</code>来表示，单位为像素。
{| style="width:100%"
{|style="width:100%"
|-
|-
! style="width:50%" | 输入
! style="width:50%" |输入
! style="width:50%" | 输出
! style="width:50%" |输出
|-
|-
| style="padding: 5px;" |
|style="padding: 5px;" |
<pre>
<pre>
{| border="1" style="border-collapse:collapse"
{|border="1" style="border-collapse:collapse"
| 橘子
|橘子
| 苹果
|苹果
|-
|-
| 面包
|面包
| 饼
|饼
|}
|}
</pre>
</pre>
| style="padding: 20px;"|
|style="padding: 20px;"|
{| border="1" style="border-collapse:collapse"
{|border="1" style="border-collapse:collapse"
| 橘子
|橘子
| 苹果
|苹果
|-
|-
| 面包
|面包
| 饼
|饼
|}
|}
|}
|}
CSS样式<code>border-width</code>可以更改宽度。
CSS样式<code>border-width</code>可以更改宽度。
{| style="width:100%"
{|style="width:100%"
|-
|-
! style="width:50%" | 输入
! style="width:50%" |输入
! style="width:50%" | 输出
! style="width:50%" |输出
|-
|-
| style="padding: 5px;" |
|style="padding: 5px;" |
<pre>
<pre>
{|style="border-style: solid; border-width: 20px"
{|style="border-style: solid; border-width: 20px"
|}
|}
</pre>
</pre>
| style="padding: 20px;"|
|style="padding: 20px;"|
{|style="border-style: solid; border-width: 20px"
{|style="border-style: solid; border-width: 20px"
|
|
如果<code>border-width</code>后面跟着四个值，四个数字分别代表上、右、下、左边框的宽度（顺时针↑→↓←）。
如果<code>border-width</code>后面跟着四个值，四个数字分别代表上、右、下、左边框的宽度（顺时针↑→↓←）。
{| style="width:100%"
{|style="width:100%"
|-
|-
! style="width:50%" | 输入
! style="width:50%" |输入
! style="width:50%" | 输出
! style="width:50%" |输出
|-
|-
| style="padding: 5px;" |
|style="padding: 5px;" |
<pre>
<pre>
{|style="border-style: solid; border-width: 10px 20px 100px 0"
{|style="border-style: solid; border-width: 10px 20px 100px 0"
|}
|}
</pre>
</pre>
| style="padding: 20px;"|
|style="padding: 20px;"|
{|style="border-style: solid; border-width: 10px 20px 100px 0"
{|style="border-style: solid; border-width: 10px 20px 100px 0"
|
|
如果实在记不清，也可以用<code>border-left</code>、<code>border-right</code>、<code>border-top</code>和<code>border-bottom</code>表示。
如果实在记不清，也可以用<code>border-left</code>、<code>border-right</code>、<code>border-top</code>和<code>border-bottom</code>表示。
<div style="width: 100%; overflow:auto;">
<div style="width: 100%; overflow:auto;">
{| style="width:100%"
{|style="width:100%"
|-
|-
! style="width:50%" | 输入
! style="width:50%" |输入
! style="width:50%" | 输出
! style="width:50%" |输出
|-
|-
| style="padding: 5px;" |
|style="padding: 5px;" |
<pre>
<pre>
{|style="border-left:solid 10px black;border-right:solid 20px black;border-top:solid 30px black;border-bottom:solid 40px black;" align="center"
{|style="border-left:solid 10px black;border-right:solid 20px black;border-top:solid 30px black;border-bottom:solid 40px black;" align="center"
|}
|}
</pre>
</pre>
| style="padding: 20px;"|
|style="padding: 20px;"|
{|style="border-left:solid 10px black;border-right:solid 20px black;border-top:solid 30px black;border-bottom:solid 40px black;" align="center"
{|style="border-left:solid 10px black;border-right:solid 20px black;border-top:solid 30px black;border-bottom:solid 40px black;" align="center"
|
|
两者同时使用的情况：
两者同时使用的情况：
{| style="width:100%"
{|style="width:100%"
! style="width: 50%;"|输入
! style="width: 50%;"|输入
! style="width: 50%;"|输出
! style="width: 50%;"|输出
|-
|-
| style="padding: 5px;"|
|style="padding: 5px;"|
<pre>
<pre>
{| class="wikitable" style="color:green; background-color:#ffffcc;" cellpadding="10"
{|class="wikitable" style="color:green; background-color:#ffffcc;" cellpadding="10"
|橘子
|橘子
|苹果
|苹果
|}
|}
</pre>
</pre>
| style="padding: 5px;"|
|style="padding: 5px;"|
{| class="wikitable" style="color:green; background-color:#ffffcc;" cellpadding="10"
{|class="wikitable" style="color:green; background-color:#ffffcc;" cellpadding="10"
|橘子
|橘子
|苹果
|苹果
===内边距===
===内边距===
{| style="width:100%;"
{|style="width:100%;"
! style="width: 50%;"| 输入
! style="width: 50%;"|输入
! style="width: 50%;"| 输出
! style="width: 50%;"|输出
|-valign=top
|-valign=top
| style="padding:10px" |
|style="padding:10px" |
<pre>
<pre>
{|class=wikitable
{|class=wikitable
| style="padding: 10px" | style="padding:10px"的示例
|style="padding: 10px" |style="padding:10px"的示例
|-
|-
| style="padding: 50px" | style="padding:50px"的示例<br/><br/>指定每个单元格的内边距
|style="padding: 50px" |style="padding:50px"的示例<br/><br/>指定每个单元格的内边距
|-
|-
| style="padding:100px" | style="padding:100px"的示例
|style="padding:100px" |style="padding:100px"的示例
|}
|}
</pre>
</pre>
|
|
{|class=wikitable
{|class=wikitable
| style="padding: 10px" | style="padding:10px"的示例
|style="padding: 10px" |style="padding:10px"的示例
|-
|-
| style="padding: 50px" | style="padding:50px"的示例<br/><br/>指定每个单元格的内边距
|style="padding: 50px" |style="padding:50px"的示例<br/><br/>指定每个单元格的内边距
|-
|-
| style="padding:100px" | style="padding:100px"的示例
|style="padding:100px" |style="padding:100px"的示例
|}
|}
|}
|}
====表格标题CSS样式====
====表格标题CSS样式====
{| style="width:100%"
{|style="width:100%"
! style="width: 50%;"|输入
! style="width: 50%;"|输入
! style="width: 50%;"|输出
! style="width: 50%;"|输出
|-
|-
| style="padding: 5px;"|
|style="padding: 5px;"|
<pre>
<pre>
{| class="wikitable"
{|class="wikitable"
|+ style="caption-side:bottom; color:#e76700;"|''食品和配餐''
|+ style="caption-side:bottom; color:#e76700;"|''食品和配餐''
|-
|-
|}
|}
</pre>
</pre>
| style="padding: 5px;"|
|style="padding: 5px;"|
{| class="wikitable"
{|class="wikitable"
|+ style="caption-side:bottom; color:#e76700;"|''食品和配餐''
|+ style="caption-side:bottom; color:#e76700;"|''食品和配餐''
|-
|-
输入：
输入：
<pre>
<pre>
{| class="wikitable" style="width: 85%;"
{|class="wikitable" style="width: 85%;"
| colspan="2" | 表格宽度占页面宽度的85%。
|colspan="2" |表格宽度占页面宽度的85%。
|-
|-
| style="width: 30%"| 此列占表格总宽度的30%
|style="width: 30%"|此列占表格总宽度的30%
| style="width: 70%"| 此列占表格总宽度的70%
|style="width: 70%"|此列占表格总宽度的70%
|}
|}
</pre>
</pre>
输出：
输出：
{| class="wikitable" style="width: 85%;"
{|class="wikitable" style="width: 85%;"
| colspan="2" | 表格宽度占页面宽度的85%。
|colspan="2" |表格宽度占页面宽度的85%。
|-
|-
| style="width: 30%"| 此列占表格总宽度的30%
|style="width: 30%"|此列占表格总宽度的30%
| style="width: 70%"| 此列占表格总宽度的70%
|style="width: 70%"|此列占表格总宽度的70%
|}
|}
注意<code>scope="col"</code>的用法，它表示自己是所在列的单元格。<code>scope="row"</code>表示自己是作用于行的标题单元格。
注意<code>scope="col"</code>的用法，它表示自己是所在列的单元格。<code>scope="row"</code>表示自己是作用于行的标题单元格。
{| style="width:100%"
{|style="width:100%"
! style="width: 50%;"|输入
! style="width: 50%;"|输入
! style="width: 50%;"|输出
! style="width: 50%;"|输出
|-
|-
| style="padding: 5px;"|
|style="padding: 5px;"|
<pre>
<pre>
{| class="wikitable"
{|class="wikitable"
|-
|-
! scope="col"| 项目
! scope="col"|项目
! scope="col"| 数量
! scope="col"|数量
! scope="col"| 价格
! scope="col"|价格
|-
|-
! scope="row"| 面包
! scope="row"|面包
| 0.3 kg
|0.3 kg
| $0.65
|$0.65
|-
|-
! scope="row"| 奶油
! scope="row"|奶油
| 0.125 kg
|0.125 kg
| $1.25
|$1.25
|-
|-
! scope="row" colspan="2"| 总计
! scope="row" colspan="2"|总计
| $1.90
|$1.90
|}
|}
</pre>
</pre>
| style="padding: 5px;"|
|style="padding: 5px;"|
{| class="wikitable"
{|class="wikitable"
|-
|-
! scope="col"| 项目
! scope="col"|项目
! scope="col"| 数量
! scope="col"|数量
! scope="col"| 价格
! scope="col"|价格
|-
|-
! scope="row"| 面包
! scope="row"|面包
| 0.3 kg
|0.3 kg
| $0.65
|$0.65
|-
|-
! scope="row"| 奶油
! scope="row"|奶油
| 0.125 kg
|0.125 kg
| $1.25
|$1.25
|-
|-
! scope="row" colspan="2"| 总计
! scope="row" colspan="2"|总计
| $1.90
|$1.90
|}
|}
|}
|}
右对齐（左侧边距自动）：
右对齐（左侧边距自动）：
{| style="width:100%"
{|style="width:100%"
! style="width: 50%;"|输入
! style="width: 50%;"|输入
! style="width: 50%;"|输出
! style="width: 50%;"|输出
|-
|-
| style="padding: 5px;"|
|style="padding: 5px;"|
<pre>
<pre>
{| class="wikitable" style="margin-left: auto; margin-right: 0px;"
{|class="wikitable" style="margin-left: auto; margin-right: 0px;"
| 橘子
|橘子
| 苹果
|苹果
|-
|-
| 面包
|面包
| 饼
|饼
|-
|-
| 奶油
|奶油
| 冰淇凌
|冰淇凌
|}
|}
</pre>
</pre>
| style="padding: 5px;"|
|style="padding: 5px;"|
{| class="wikitable" style="margin-left: auto; margin-right: 0px;"
{|class="wikitable" style="margin-left: auto; margin-right: 0px;"
| 橘子
|橘子
| 苹果
|苹果
|-
|-
| 面包
|面包
| 饼
|饼
|-
|-
| 奶油
|奶油
| 冰淇凌
|冰淇凌
|}
|}
|}
|}
居中（上下左右边距均为自动）：
居中（上下左右边距均为自动）：
{| style="width:100%"
{|style="width:100%"
! style="width: 50%;"|输入
! style="width: 50%;"|输入
! style="width: 50%;"|输出
! style="width: 50%;"|输出
|-
|-
| style="padding: 5px;"|
|style="padding: 5px;"|
<pre>
<pre>
{| class="wikitable" style="margin: auto;"
{|class="wikitable" style="margin: auto;"
| 橘子
|橘子
| 苹果
|苹果
|-
|-
| 面包
|面包
| 饼
|饼
|-
|-
| 奶油
|奶油
| 冰淇凌
|冰淇凌
|}
|}
</pre>
</pre>
| style="padding: 5px;"|
|style="padding: 5px;"|
{| class="wikitable" style="margin: auto;"
{|class="wikitable" style="margin: auto;"
| 橘子
|橘子
| 苹果
|苹果
|-
|-
| 面包
|面包
| 饼
|饼
|-
|-
| 奶油
|奶油
| 冰淇凌
|冰淇凌
|}
|}
|}
|}
右侧浮动：
右侧浮动：
{| style="width:100%"
{|style="width:100%"
! style="width: 50%;"|输入
! style="width: 50%;"|输入
! style="width: 50%;"|输出
! style="width: 50%;"|输出
|-
|-
| style="padding: 5px;"|
|style="padding: 5px;"|
<pre>
<pre>
{| class="wikitable" style="float:right; margin-left: 10px;"
{|class="wikitable" style="float:right; margin-left: 10px;"
| 橘子
|橘子
| 苹果
|苹果
|-
|-
| 面包
|面包
| 饼
|饼
|-
|-
| 奶油
|奶油
| 冰淇凌
|冰淇凌
|}
|}
feugait nulla facilisi.
feugait nulla facilisi.
</pre>
</pre>
| style="padding: 5px;"|
|style="padding: 5px;"|
{| class="wikitable" style="float:right; margin-left: 10px;"
{|class="wikitable" style="float:right; margin-left: 10px;"
| 橘子
|橘子
| 苹果
|苹果
|-
|-
| 面包
|面包
| 饼
|饼
|-
|-
| 奶油
|奶油
| 冰淇凌
|冰淇凌
|}
|}
{| style="width:100%"
{|style="width:100%"
! style="width: 50%;"|输入
! style="width: 50%;"|输入
! style="width: 50%;"|输出
! style="width: 50%;"|输出
|-
|-
| style="padding: 5px;"|
|style="padding: 5px;"|
<pre>
<pre>
{| class="wikitable"
{|class="wikitable"
|- style="vertical-align:top;"
|- style="vertical-align:top;"
| style="height:100px; width:100px; text-align:left;" | A
|style="height:100px; width:100px; text-align:left;" |A
| style="height:100px; width:100px; text-align:center;" | B
|style="height:100px; width:100px; text-align:center;" |B
| style="height:100px; width:100px; text-align:right;" | C
|style="height:100px; width:100px; text-align:right;" |C
|- style="vertical-align:middle;"
|- style="vertical-align:middle;"
| style="height:100px; width:100px; text-align:left;" | D
|style="height:100px; width:100px; text-align:left;" |D
| style="height:100px; width:100px; text-align:center;" | E
|style="height:100px; width:100px; text-align:center;" |E
| style="height:100px; width:100px; text-align:right;" | F
|style="height:100px; width:100px; text-align:right;" |F
|- style="vertical-align:bottom;"
|- style="vertical-align:bottom;"
| style="height:100px; width:100px; text-align:left;" | G
|style="height:100px; width:100px; text-align:left;" |G
| style="height:100px; width:100px; text-align:center;" | H
|style="height:100px; width:100px; text-align:center;" |H
| style="height:100px; width:100px; text-align:right;" | I
|style="height:100px; width:100px; text-align:right;" |I
|}
|}
</pre>
</pre>
| style="padding: 5px;"|
|style="padding: 5px;"|
{| class="wikitable"
{|class="wikitable"
|- style="vertical-align:top;"
|- style="vertical-align:top;"
| style="height:100px; width:100px; text-align:left;" | A
|style="height:100px; width:100px; text-align:left;" |A
| style="height:100px; width:100px; text-align:center;" | B
|style="height:100px; width:100px; text-align:center;" |B
| style="height:100px; width:100px; text-align:right;" | C
|style="height:100px; width:100px; text-align:right;" |C
|- style="vertical-align:middle;"
|- style="vertical-align:middle;"
| style="height:100px; width:100px; text-align:left;" | D
|style="height:100px; width:100px; text-align:left;" |D
| style="height:100px; width:100px; text-align:center;" | E
|style="height:100px; width:100px; text-align:center;" |E
| style="height:100px; width:100px; text-align:right;" | F
|style="height:100px; width:100px; text-align:right;" |F
|- style="vertical-align:bottom;"
|- style="vertical-align:bottom;"
| style="height:100px; width:100px; text-align:left;" | G
|style="height:100px; width:100px; text-align:left;" |G
| style="height:100px; width:100px; text-align:center;" | H
|style="height:100px; width:100px; text-align:center;" |H
| style="height:100px; width:100px; text-align:right;" | I
|style="height:100px; width:100px; text-align:right;" |I
|}
|}
|}
|}
===负数===
===负数===
如果你要在一行的第一个单元格中显示负数（例如<code><nowiki>|-6</nowiki></code>），其中的负号可能会导致显示不正常。因为MediaWiki软件会认为你的标记并不是新单元格，而是新行 (<code><nowiki>|-</nowiki></code>)。
如果你要在一行的第一个单元格中显示负数（例如<code><nowiki>|-6</nowiki></code>），其中的负号可能会导致显示不正常。因为MediaWiki软件会认为你的标记并不是新单元格，而是新行 (<code><nowiki>|-</nowiki></code>)。
避免的方法是在负号前加空格（<code>| -6</code>）或者使用单行单元格标记（<code>|| -6</code>）。
避免的方法是在负号前加空格（<code>|-6</code>）或者使用单行单元格标记（<code>||-6</code>）。
===旧版浏览器支持===
===旧版浏览器支持===
如要让表格可以折叠，请在<code>class</code>属性中加入<code>mw-collapsible</code>：
如要让表格可以折叠，请在<code>class</code>属性中加入<code>mw-collapsible</code>：
{| style="width:100%"
{|style="width:100%"
! style="width: 50%;"|输入
! style="width: 50%;"|输入
! style="width: 50%;"|输出
! style="width: 50%;"|输出
|-
|-
| style="padding: 5px;"|
|style="padding: 5px;"|
<pre>
<pre>
{| class="wikitable mw-collapsible"
{|class="wikitable mw-collapsible"
! 标题单元格
! 标题单元格
|-
|-
| 内容单元格
|内容单元格
|}
|}
</pre>
</pre>
| style="padding: 5px;"|
|style="padding: 5px;"|
{| class="wikitable mw-collapsible"
{|class="wikitable mw-collapsible"
! 标题单元格
! 标题单元格
|-
|-
| 内容单元格
|内容单元格
|}
|}
|}
|}
如果要让表格默认折叠，则在<code>mw-collapsible</code>后再加入<code>mw-collapsed</code>即可。
如果要让表格默认折叠，则在<code>mw-collapsible</code>后再加入<code>mw-collapsed</code>即可。
{| style="width:100%"
{|style="width:100%"
! style="width: 50%;"|输入
! style="width: 50%;"|输入
! style="width: 50%;"|输出
! style="width: 50%;"|输出
|-
|-
| style="padding: 5px;"|
|style="padding: 5px;"|
<pre>
<pre>
{| class="wikitable mw-collapsible mw-collapsed"
{|class="wikitable mw-collapsible mw-collapsed"
! 标题单元格
! 标题单元格
|-
|-
| 内容单元格
|内容单元格
|}
|}
</pre>
</pre>
| style="padding: 5px;"|
|style="padding: 5px;"|
{| class="wikitable mw-collapsible mw-collapsed"
{|class="wikitable mw-collapsible mw-collapsed"
! 标题单元格
! 标题单元格
|-
|-
| 内容单元格
|内容单元格
|}
|}
|}
|}
预览的时候看不到折叠按钮是正常现象。如果输入无误，保存之后可以看到折叠按钮。
预览的时候看不到折叠按钮是正常现象。如果输入无误，保存之后可以看到折叠按钮。