html - 这种错位的时间轴怎么布局,然后用css实现?
伊谢尔伦
伊谢尔伦 2017-04-17 11:46:50
0
5
452

如图

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

伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

全部回覆(5)
大家讲道理

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

PHPzhong

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

洪涛

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

小葫芦

樣式 last-child 選擇器去掉

洪涛

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

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板