核心提示：物流查询时间轴效果代码实现 效果图。今天讲中间那条线，线的长度要实现跟随整个流程自适应。一开始我的思路是img高度填充父p，但我的body，html，p都是height:auto;不是固定长度，导致无...
物流查询时间轴效果代码实现
效果图。
今天讲中间那条线，线的长度要实现跟随整个流程自适应。
一开始我的思路是img高度填充父p，但我的body，html，p都是height:auto;不是固定长度，导致无法实现。
公司一个姐姐给我一个思路，设置li的border-right，我试了，但不知道怎么挪到中间，要弄懂又得花很久。
不想用js，也不想用jquery，犯不着。
经过长时间的尝试和查询，最后使用的方法是伪类，以下是代码，我的布局是纵向布局再float:left，最左边时间界面
class="a_tm_info"：
.a_tm_info{
position: relative;
}
.a_tm_info::before {
content: '';
position: absolute;
top: 0;
left: 254px;
height: 100%;
width: 4px;
background: #ddd;
z-index: -1;
} //在a_tm_info旁边画一条竖线
如果有更简单的方法请分享!
