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

如图

主要是左边的图标是错位的,本来想用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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板