查看“模板:Timeline/doc”的源代码

{{测试中模板|对窄屏幕的优化未完成|对插入图片的支持未完成}}

本模板用于制作记录人物经历或事件发展的“'''时间-事件'''”列表。与直接罗列相比更加简洁、工整。

== 用法 ==
=== 基本用法 ===
<code>in时间 = 事件</code>
{|class="wikitable" style="max-width:700pt;background-color:transparent;"
! 代码 !! class="nomobile" | 效果
|-
| style="background-color:#f8f9fa;" | <pre>
{{Timeline
|in时间 = 事件
|inxxxx年xx月xx日 = 事件1事件1事件1事件1事件1事件1事件1事件1事件1
|inyy月yy日 = 事件2
|inzz月zz日 00:00 = 事件3
|in…… = ……
}}
</pre>
| class="nomobile" style="width:30%;" | {{Timeline|in时间=事件|inxxxx年xx月xx日=事件1事件1事件1事件1事件1事件1事件1事件1事件1|inyy月yy日=事件2|inzz月zz日 00:00=事件3|in……=……}}
|- class="mobileonly"
! 效果
|- class="mobileonly"
| style="padding:4px 20px;" | {{Timeline|in时间=事件|inxxxx年xx月xx日=事件1事件1事件1事件1事件1事件1事件1事件1事件1|inyy月yy日=事件2|inzz月zz日 00:00=事件3|in……=……}}
|}
:* 实际使用时，一个列表内所有'''时间部分'''都应该使用相同的时间单位格式。
:* 右侧的'''事件部分'''会自动对齐，即使因内容过多换行也会为左侧留出空白。
:* 会直接按照代码中的顺序显示，并不会自动按日期排列。

=== 时间段 ===
<code>时间段</code><br/><code>in{{color|#bbb|+}}时间段{{color|#bbb|+}}时间 = 事件</code>
{|class="wikitable" style="max-width:700pt;background-color:transparent;"
! 代码 !! class="nomobile" | 效果
|-
| style="background-color:#f8f9fa;" | <pre>
{{Timeline
|2019年
|in2019年12月30日 = 事件1
|in2019年12月31日 = 事件2事件2事件2事件2事件2事件2事件2事件2事件2
|2020年
|in2020年1月1日 = 事件3
|in2020年1月2日 = 事件4
}}
</pre>
| class="nomobile" style="width:30%;" | {{Timeline|anchor=no|2019年|in2019年12月30日=事件1|in2019年12月31日=事件2事件2事件2事件2事件2事件2事件2事件2事件2|2020年|in2020年1月1日=事件3|in2020年1月2日=事件4}}
|- class="mobileonly"
! 效果
|- class="mobileonly"
| style="padding:4px 20px;" | {{Timeline|anchor=no|2019年|in2019年12月30日=事件1|in2019年12月31日=事件2事件2事件2事件2事件2事件2事件2事件2事件2|2020年|in2020年1月1日=事件3|in2020年1月2日=事件4}}
|}
:*注意代码中所有'''时间部分'''中的'''''时间段'''''不要省略，实际效果会默认省略，如果仍要显示，参见下方'''''period'''''参数。

=== 个别长时间不对齐 ===
<code>in时间段in时间 = 事件</code><br/>如果不使用时间段<code>inin时间 = 事件</code>
{|class="wikitable" style="max-width:700pt;background-color:transparent;"
! 代码 !! class="nomobile" | 效果
|-
| style="background-color:#f8f9fa;" | <pre>
{{Timeline
|2019年
|in2019年11月9日 = 事件1
|in2019年11月10日 = 事件2
|in2019年in11月11日~19日 = 事件3事件3事件3事件3事件3事件3事件3
|in2019年11月20日 = 事件4
}}
</pre>
| class="nomobile" style="width:30%;" | {{Timeline|anchor=no|2019年|in2019年11月9日=事件1|in2019年11月10日=事件2|in2019年in11月11日~19日=事件3事件3事件3事件3事件3事件3事件3|in2019年11月20日=事件4}}
|- class="mobileonly"
! 效果
|- class="mobileonly"
| style="padding:4px 20px;" | {{Timeline|anchor=no|2019年|in2019年11月9日=事件1|in2019年11月10日=事件2|in2019年in11月11日~19日=事件3事件3事件3事件3事件3事件3事件3|in2019年11月20日=事件4}}
|}

=== 同一时间多个事件 ===
<code>in时间 = 事件1</code><br/><code>in时间#2 = 事件2</code><br/><code>in时间#3 = 事件3</code>
{|class="wikitable" style="width:100%;max-width:700pt;background-color:transparent;"
! 代码 !! class="nomobile" | 效果
|-
| style="background-color:#f8f9fa;" | <pre>
{{Timeline
|2000年
|in2000年8月16日 = 事件1
|in2000年8月16日#2 = 同一天发生的事件2
|in2000年in8月17日~31日 = 事件3
|in2000年in8月17日~31日#2 = 同一期间发生的事件4
|in2000年9月1日 = 事件5
}}
</pre>
| class="nomobile" style="width:30%;" | {{Timeline|anchor=no|2000年|in2000年8月16日=事件1|in2000年8月16日#2=同一天发生的事件2|in2000年in8月17日~31日=事件3|in2000年in8月17日~31日#2=同一期间发生的事件4|in2000年9月1日=事件5}}
|- class="mobileonly"
! 效果
|- class="mobileonly"
| style="padding:4px 20px;" | {{Timeline|anchor=no|2000年|in2000年8月16日=事件1|in2000年8月16日#2=同一天发生的事件2|in2000年in8月17日~31日=事件3|in2000年in8月17日~31日#2=同一期间发生的事件4|in2000年9月1日=事件5}}
|}
:*第一个事件不加序号。
:*实际上无论<code>#</code>后加什么都会被判断为同一时间的事件。

== 示例 ==
{|class="wikitable nomobile" style="max-width:1225pt;background-color:transparent;"
! 代码 !! 效果
|-
| style="background-color:#f8f9fa;" | <pre>
{{Timeline
|2018年
|in2018年11月9日 = 发布HimeHina Channel发布第五部MV《ロキ》（在油管上已超过288万次播放）
|in2018年11月26日 = HimeHina版本的《劣等上等》在Youtube上的播放数超越400万次，成为Vtuber界史上播放数最高的视频
|in2018年12月10日 = HimeHina作为MC参加Nico生放《Virtual Station》
|in2018年12月18日 = HimeHina与手游《Q&Qアンサーズ》进行了初次游戏联动，并且作为声优为其中的几名角色配音。结果在游戏里抽了1800多个石头才抽到Hime，接着有又花了3185个石头抽到Hina，实锤非洲人了
|in2018年12月31日 = HimeHina与其他Vtuber们一同参加niconico举办的虚拟大晦日2018跨年夜活动
|2019年
|in2019年1月2日 = HimeHina与Vtuber的大家一同参加NHK举办的歌唱节目NHKバーチャルのど自慢
|in2019年1月9日 = 作为主要角色之一参演TV动画《VIRTUALSAN-LOOKING》，动画ED由HimeHina演唱
|in2019年1月9日#2 = HimeHina原创单曲《ヒトガタ》（人型）正式发布贩售
|in2019年2月8日 = HinaHina与Azulim，马叔（电话联系）进行了联动，在游戏中惜败，接受了表演互相争抢马叔的惩罚游戏（火 马 火）
|in2019年2月13日 = 《ヒトガタ》登上Mora周排行第一位
|in2019年2月20日 = HimeHina Channel发布第六部MV《ヒトガタ》的完整版（在油管上已超过724万次播放）
|in2019年2月22日 = HimeHina作为可操控角色与手游《暁のブレイカーズ》联动
|in2019年3月18日 = HimeHina发布纪念活动一周年的翻唱翻跳《1 2 fan club》的视频
|in2019年3月19日 = HimeHina举行一周年特别直播，Mirai Akari，月之美兔，花生君作为特别来宾参加了直播
|in2019年in4月27~28日 = HimeHina参加2019年NicoNico超会议Vtuber Fes Japen
|in2019年7月1日 = HImeHIna原创单曲《ヒバリ》（云雀）正式发售
|in2019年7月4日 = HimeHina粉丝俱乐部“酒姬俱乐部”正式成立，同日，HimeHina参加由电脑少女小白主持的深夜档TV节目【超人女子战士V】
}}
</pre>
| style="width:60%;" | {{Timeline|anchor=no|2018年|in2018年11月9日=发布HimeHina Channel发布第五部MV《ロキ》（在油管上已超过288万次播放）|in2018年11月26日=HimeHina版本的《劣等上等》在Youtube上的播放数超越400万次，成为Vtuber界史上播放数最高的视频|in2018年12月10日=HimeHina作为MC参加Nico生放《Virtual Station》|in2018年12月18日=HimeHina与手游《Q&Qアンサーズ》进行了初次游戏联动，并且作为声优为其中的几名角色配音。结果在游戏里抽了1800多个石头才抽到Hime，接着有又花了3185个石头抽到Hina，实锤非洲人了|in2018年12月31日=HimeHina与其他Vtuber们一同参加niconico举办的虚拟大晦日2018跨年夜活动|2019年|in2019年1月2日=HimeHina与Vtuber的大家一同参加NHK举办的歌唱节目NHKバーチャルのど自慢|in2019年1月9日=作为主要角色之一参演TV动画《VIRTUALSAN-LOOKING》，动画ED由HimeHina演唱|in2019年1月9日#2=HimeHina原创单曲《ヒトガタ》（人型）正式发布贩售|in2019年2月8日=HinaHina与Azulim，马叔（电话联系）进行了联动，在游戏中惜败，接受了表演互相争抢马叔的惩罚游戏（火 马 火）|in2019年2月13日=《ヒトガタ》登上Mora周排行第一位|in2019年2月20日=HimeHina Channel发布第六部MV《ヒトガタ》的完整版（在油管上已超过724万次播放）|in2019年2月22日=HimeHina作为可操控角色与手游《暁のブレイカーズ》联动|in2019年3月18日=HimeHina发布纪念活动一周年的翻唱翻跳《1 2 fan club》的视频|in2019年3月19日=HimeHina举行一周年特别直播，Mirai Akari，月之美兔，花生君作为特别来宾参加了直播|in2019年in4月27~28日=HimeHina参加2019年NicoNico超会议Vtuber Fes Japen|in2019年7月1日=HImeHIna原创单曲《ヒバリ》（云雀）正式发售|in2019年7月4日=HimeHina粉丝俱乐部“酒姬俱乐部”正式成立，同日，HimeHina参加由电脑少女小白主持的深夜档TV节目【超人女子战士V】}}
|}

{{Timeline|anchor=no|class=mobileonly|2018年|in2018年11月9日=发布HimeHina Channel发布第五部MV《ロキ》（在油管上已超过288万次播放）|in2018年11月26日=HimeHina版本的《劣等上等》在Youtube上的播放数超越400万次，成为Vtuber界史上播放数最高的视频|in2018年12月10日=HimeHina作为MC参加Nico生放《Virtual Station》|in2018年12月18日=HimeHina与手游《Q&Qアンサーズ》进行了初次游戏联动，并且作为声优为其中的几名角色配音。结果在游戏里抽了1800多个石头才抽到Hime，接着有又花了3185个石头抽到Hina，实锤非洲人了|in2018年12月31日=HimeHina与其他Vtuber们一同参加niconico举办的虚拟大晦日2018跨年夜活动|2019年|in2019年1月2日=HimeHina与Vtuber的大家一同参加NHK举办的歌唱节目NHKバーチャルのど自慢|in2019年1月9日=作为主要角色之一参演TV动画《VIRTUALSAN-LOOKING》，动画ED由HimeHina演唱|in2019年1月9日#2=HimeHina原创单曲《ヒトガタ》（人型）正式发布贩售|in2019年2月8日=HinaHina与Azulim，马叔（电话联系）进行了联动，在游戏中惜败，接受了表演互相争抢马叔的惩罚游戏（火 马 火）|in2019年2月13日=《ヒトガタ》登上Mora周排行第一位|in2019年2月20日=HimeHina Channel发布第六部MV《ヒトガタ》的完整版（在油管上已超过724万次播放）|in2019年2月22日=HimeHina作为可操控角色与手游《暁のブレイカーズ》联动|in2019年3月18日=HimeHina发布纪念活动一周年的翻唱翻跳《1 2 fan club》的视频|in2019年3月19日=HimeHina举行一周年特别直播，Mirai Akari，月之美兔，花生君作为特别来宾参加了直播|in2019年in4月27~28日=HimeHina参加2019年NicoNico超会议Vtuber Fes Japen|in2019年7月1日=HImeHIna原创单曲《ヒバリ》（云雀）正式发售|in2019年7月4日=HimeHina粉丝俱乐部“酒姬俱乐部”正式成立，同日，HimeHina参加由电脑少女小白主持的深夜档TV节目【超人女子战士V】}}
<pre class="mobileonly" style="background-color:#f8f9fa;white-space:pre;overflow-x:scroll;">
{{Timeline
|2018年
|in2018年11月9日 = 发布HimeHina Channel发布第五部MV《ロキ》（在油管上已超过288万次播放）
|in2018年11月26日 = HimeHina版本的《劣等上等》在Youtube上的播放数超越400万次，成为Vtuber界史上播放数最高的视频
|in2018年12月10日 = HimeHina作为MC参加Nico生放《Virtual Station》
|in2018年12月18日 = HimeHina与手游《Q&Qアンサーズ》进行了初次游戏联动，并且作为声优为其中的几名角色配音。结果在游戏里抽了1800多个石头才抽到Hime，接着有又花了3185个石头抽到Hina，实锤非洲人了
|in2018年12月31日 = HimeHina与其他Vtuber们一同参加niconico举办的虚拟大晦日2018跨年夜活动
|2019年
|in2019年1月2日 = HimeHina与Vtuber的大家一同参加NHK举办的歌唱节目NHKバーチャルのど自慢
|in2019年1月9日 = 作为主要角色之一参演TV动画《VIRTUALSAN-LOOKING》，动画ED由HimeHina演唱
|in2019年1月9日#2 = HimeHina原创单曲《ヒトガタ》（人型）正式发布贩售
|in2019年2月8日 = HinaHina与Azulim，马叔（电话联系）进行了联动，在游戏中惜败，接受了表演互相争抢马叔的惩罚游戏（火 马 火）
|in2019年2月13日 = 《ヒトガタ》登上Mora周排行第一位
|in2019年2月20日 = HimeHina Channel发布第六部MV《ヒトガタ》的完整版（在油管上已超过724万次播放）
|in2019年2月22日 = HimeHina作为可操控角色与手游《暁のブレイカーズ》联动
|in2019年3月18日 = HimeHina发布纪念活动一周年的翻唱翻跳《1 2 fan club》的视频
|in2019年3月19日 = HimeHina举行一周年特别直播，Mirai Akari，月之美兔，花生君作为特别来宾参加了直播
|in2019年in4月27~28日 = HimeHina参加2019年NicoNico超会议Vtuber Fes Japen
|in2019年7月1日 = HImeHIna原创单曲《ヒバリ》（云雀）正式发售
|in2019年7月4日 = HimeHina粉丝俱乐部“酒姬俱乐部”正式成立，同日，HimeHina参加由电脑少女小白主持的深夜档TV节目【超人女子战士V】
}}
</pre>

== 参数 ==
{{Timeline|timeweight=bold|sepr=:|timestyle=padding:0.2em 0.5em 0.2em 1.6em;font-style:italic|textstyle=padding-bottom:0.2em|样式参数1style=visibility:hidden;user-select:none|样式参数2style=visibility:hidden;user-select:none|常用参数|in常用参数timeweight=时间文本的字体粗细。默认为<code>normal</code>，可以设置为<code>bold</code>（一般在不使用时间段时设为此项）、<code>lighter</code>等。|in常用参数period=时间段开关。设置为<code>on</code>可以使每一行的'''时间部分'''都不省略'''''时间段'''''。|in常用参数sepr=跟在时间后的分隔字符。可以设置为冒号<code>:</code>逗号<code>,</code>等任意字符。|in常用参数class=列表的类名，即表格的<code>class</code>属性。设置为<code>mw-collapsible</code>可以使列表可折叠，再添加<code>mw-collapsed</code>可以使列表默认折叠；设置为<code>wikitable</code>可以使列表显示为维基表格。|样式参数|in样式参数style=列表主体的CSS样式。可以对<code>font-size</code>、<code>font-color</code>、<code>line-height</code>、<code>background-color</code>、<code>margin</code>等值进行指定。|in样式参数periodstyle=所有'''时间段标题'''的CSS样式。|in样式参数timestyle=所有'''时间部分'''的CSS样式。|in样式参数textstyle=所有'''事件部分'''的CSS样式。|in样式参数1=各部分的默认值见[[Template:Timeline/styles.css|styles.css]]。|in样式参数<u>时间段</u>style=单个'''时间段标题'''的CSS样式。|in样式参数<u>时间</u>style=单个'''时间部分'''的CSS样式。|in样式参数<u>时间</u>textstyle=单个'''事件部分'''的CSS样式。|in样式参数2='''''<u>时间</u>'''''为'''时间部分'''去掉所有<code>in</code>。}}

样式优先级：单个指定样式 > 各部分样式 > 各部分样式默认值 > 主体样式

===本节代码（用Timeline写成）===
<pre>
{{Timeline|timeweight=bold|sepr=:
|timestyle = padding:0.2em 0.5em 0.2em 1.6em;font-style:italic
|textstyle = padding-bottom:0.2em
|样式参数1style = visibility:hidden;user-select:none
|样式参数2style = visibility:hidden;user-select:none

|常用参数
|in常用参数timeweight = 时间文本的字体粗细。默认为<code>normal</code>，可以设置为<code>bold</code>（一般在不使用时间段时设为此项）、<code>lighter</code>等。
|in常用参数period = 时间段开关。设置为<code>on</code>可以使每一行的'''时间部分'''都不省略'''''时间段'''''。
|in常用参数sepr = 跟在时间后的分隔字符。可以设置为冒号<code>:</code>逗号<code>,</code>等任意字符。
|in常用参数class = 列表的类名，即表格的<code>class</code>属性。设置为<code>mw-collapsible</code>可以使列表可折叠，再添加<code>mw-collapsed</code>可以使列表默认折叠；设置为<code>wikitable</code>可以使列表显示为维基表格。
|样式参数
|in样式参数style = 列表主体的CSS样式。可以对<code>font-size</code>、<code>font-color</code>、<code>line-height</code>、<code>background-color</code>、<code>margin</code>等值进行指定。
|in样式参数periodstyle = 所有'''时间段标题'''的CSS样式。
|in样式参数timestyle = 所有'''时间部分'''的CSS样式。
|in样式参数textstyle = 所有'''事件部分'''的CSS样式。
|in样式参数1 = 各部分的默认值见[[Template:Timeline/styles.css|styles.css]]。
|in样式参数<u>时间段</u>style = 单个'''时间段标题'''的CSS样式。
|in样式参数<u>时间</u>style = 单个'''时间部分'''的CSS样式。
|in样式参数<u>时间</u>textstyle = 单个'''事件部分'''的CSS样式。
|in样式参数2 = '''''<u>时间</u>'''''为'''时间部分'''去掉所有<code>in</code>。
}}
</pre><noinclude>[[Category:模板说明文件]]</noinclude>