物流查詢時間軸效果

2021-08-09 09:17:18 字數 499 閱讀 4062

效果圖。

今天講中間那條線,線的長度要實現跟隨整個流程自適應。

一開始我的思路是img高度填充父div,但我的body,html,div都是height:auto;不是固定長度,導致無法實現。

公司乙個姐姐給我乙個思路,設定li的border-right,我試了,但不知道怎麼挪到中間,要弄懂又得花很久。

不想用js,也不想用jquery,犯不著。

經過長時間的嘗試和查詢,最後使用的方法是偽類,以下是**,我的布局是縱向布局再float:left,最左邊時間介面class="a_tm_info":

.a_tm_info 

.a_tm_info::before //在a_tm_info旁邊畫一條豎線

如果有更簡單的方法請分享!

2017/10/19

走了很多彎路

最簡單的辦法

mysql 時間軸 使用MySQL計算時間軸的變化

我是mysql的新手,我需要你的幫助.我有一張包含類似資料的 robotposx robotposy robotposdir robotshortestpath 0.1 0.2 15 1456 0.2 0.3 30 1456 0.54 0.67 15 1456 0.68 0.98 22 1234 0...

時間軸運動

截了一小段gif效果圖,如下 js 如下 function win,console.log timewdarr 計算時間差 var timediff function time1,time2 獲取時間段,並存入陣列 timedata.each function index,el console.lo...

時間軸外掛程式

這是一款可用於展示歷史和計畫的時間軸外掛程式,尤其比較適合一些 展示發展歷程 大事件等場景。該外掛程式基於jquery,可以滑動切換 水平和垂直滾動 支援鍵盤方向鍵。經過擴充套件後可以支援滑鼠滾輪事件。檢視演示 html 我們在body中建立乙個div timeline作為展示區,dates為時間軸...