时间轴时间线(timeline)是将一系列按照时间发生的事件拖放在一条直线上,来使用户直观的看出事件的先后关系。时间线一词还用来形容按照时间排列的年度报表或者其他文档。

<ul class="timeline">
<li class="event">
<label></label>
<div class="thumb" style="background-image:url(imgs/darthvader.jpg);">
<span>19 Nov</span>
</div>
<div class="inner">
<h3>I find your lack of faith disturbing</h3>
<p>Don't be too proud of this technological terror you've constructed. The ability to destroy a planet is insignificant next to the power of the Force. The plans you refer to will soon be back in our hands. A tremor in the Force. The last time I felt it was in the presence of my old master. Escape is not his plan. I must face him. Alone.</p>
</div>
</li>
<li class="event">
<label></label>
<div class="thumb" style="background-image:url(imgs/darthvader.jpg);">
<span>19 Nov</span>
</div>
<div class="inner">
<h3>I find your lack of faith disturbing</h3>
<p>Don't be too proud of this technological terror you've constructed. The ability to destroy a planet is insignificant next to the power of the Force. The plans you refer to will soon be back in our hands. A tremor in the Force. The last time I felt it was in the presence of my old master. Escape is not his plan. I must face him. Alone.</p>
</div>
</li>
</ul>
  • 19 Nov

    I find your lack of faith disturbing

    Don't be too proud of this technological terror you've constructed. The ability to destroy a planet is insignificant next to the power of the Force. The plans you refer to will soon be back in our hands. A tremor in the Force. The last time I felt it was in the presence of my old master. Escape is not his plan. I must face him. Alone.

  • 19 Nov

    I find your lack of faith disturbing

    Don't be too proud of this technological terror you've constructed. The ability to destroy a planet is insignificant next to the power of the Force. The plans you refer to will soon be back in our hands. A tremor in the Force. The last time I felt it was in the presence of my old master. Escape is not his plan. I must face him. Alone.