文章詳情頁
html - 這種錯位的時間軸怎么布局，然后用css實現？
瀏覽：152日期：2023-07-05 09:23:45
問題描述
如圖
主要是左邊的圖標是錯位的，本來想用ul、li實現的。現在第一個和最后一個有問題，第一個倒很好解決，但是最后一個怎么實現圖標下面沒有線？或者有沒有更好的布局方式
問題解答
回答1：最后一個沒有線，可以用jq的last-child 選擇器去掉
回答2：可以直接用內聯樣式寫死吧
回答3：那條線使用border來模擬，最后一個元素的border為0
回答4：樣式 last-child 選擇器去掉
回答5：分為左右兩欄，左邊那條豎線，用絕對定位實現，右邊用li標簽，線段使用border即可，如果使用類似border-top:1px solid #aaa;的話，則用li:first-child{border-top:none;},如果使用border-bottom則使用:last-child
標簽：
HTML
排行榜
網公網安備