如图
主要是左边的图标是错位的,本来想用ul、li实现的。现在第一个和最后一个有问题,第一个倒很好解决,但是最后一个怎么实现图标下面没有线?或者有没有更好的布局方式
小伙看你根骨奇佳,潜力无限,来学PHP伐。
最後一個沒有線,可以用jq的last-child 選擇器去掉
可以直接用內聯樣式寫死吧
那條線使用border來模擬,最後一個元素的border為0
樣式 last-child 選擇器去掉
分為左右兩欄,左邊那條豎線,用絕對定位實現,右邊用li標籤,線段使用border即可,如果使用類似border-top:1px solid #aaa;的話,則用li:first -child{border-top:none;},如果使用border-bottom則使用:last-child
最後一個沒有線,可以用jq的last-child 選擇器去掉
可以直接用內聯樣式寫死吧
那條線使用border來模擬,最後一個元素的border為0
樣式 last-child 選擇器去掉
分為左右兩欄,左邊那條豎線,用絕對定位實現,右邊用li標籤,線段使用border即可,如果使用類似border-top:1px solid #aaa;的話,則用li:first -child{border-top:none;},如果使用border-bottom則使用:last-child