html - 这种错位的时间轴怎么布局，然后用css实现？

Question

如图

主要是左边的图标是错位的，本来想用ul、li实现的。
现在第一个和最后一个有问题，第一个倒很好解决，但是最后一个怎么实现图标下面没有线？
或者有没有更好的布局方式

Answer 1

最後一個沒有線，可以用jq的last-child 選擇器去掉

Answer 2

可以直接用內聯樣式寫死吧

Answer 3

那條線使用border來模擬，最後一個元素的border為0

Answer 4

樣式 last-child 選擇器去掉

Answer 5

分為左右兩欄，左邊那條豎線，用絕對定位實現，右邊用li標籤，線段使用border即可，如果使用類似border-top:1px solid #aaa;的話，則用li:first -child{border-top:none;},如果使用border-bottom則使用:last-child