关于时间线代码，如何使用和效果展示

一种简单而实用的展现两者事件进行对比的时间轴代码，由Sekai_s创建。

0. 效果展示

左节点	右节点
节点
左标题 左描述	右标题 右描述
未完	待續

1. 引用模块的css样式 ※

+ 显示css

[[module css]]
table.timeline {
  width: 100%;
  border-spacing: 0;
}
table.timeline td {
  vertical-align: top;
}
table.timeline td.label {
  font-size: 1.5em;
  font-weight: bold;
  width: 100%;
  text-align: center;
}
table.timeline td.left {
  border-right: solid 1px #999;
  width: 50%;
  text-align: right;
  padding: 5px 6px 5px 0;
}
table.timeline td.right {
  padding: 5px 0 5px 6px;
}
table.timeline td.center{
  padding: 5px 0 5px 6px;
  width: 50%;
  text-align: right;
}
table.timeline div.crucial {
  font-family: monospace;
  font-size: 1.1em;
  color: #999;
}
table.timeline div.title {
  font-size: 1.25em;
}
table.timeline div.description {
  display: inline-block;
  text-align: left;
  padding: 2px 0 8px;
}
table.timeline div.description p:first-child {
  margin-top: 0;
}
[[/module]]

2. 你的所有代码，必须使用这个框起来 ※

[[table class="timeline"]]

里面的东西

[[/table]]

3. 左右分栏

请注意内容之间的左右对应以及适当的空行。不需要某一左侧或者右侧时，则留空。

[[row]]

[[cell class="left"]]
左侧的内容
[[/cell]]

[[cell class="right"]]
右侧的内容
[[/cell]]

[[/row]]

3.1. 插入小节点 必须插入在“某一侧的内容”中。

[[div_ class="crucial"]]
左节点
[[/div]]

3.2. 插入大节点 必须插入在“某一侧的内容”中。

[[cell class="label" colspan="2"]]
节点
[[/cell]]

3.3. 插入描述内容 必须插入在“某一侧的内容”中。

[[div_ class="title"]]
左标题
[[/div]]

4. 结句

[[row]]
[[cell class="center"]]
[[div_ class="crucial"]]
如此
[[/div]]
[[/cell]]
[[cell class="right"]]
[[div_ class="crucial"]]
插入
[[/div]]
[[/cell]]
[[/row]]