循环渲染长度不固定的盒子,现在需要在左边添加一条连线,请问如何实现

行歌灬 2018-12-16 11:03:13



如图所示
用vue开发app,现在要添加一块审核记录的展示区。数据都是后台给的,每条审核记录是一个数组,所以用v-for循环数组展示出每条记录,其中审核不通过时会有不通过原因,这个原因字数不确定,导致每条记录的盒子高度不能确定。
设计师的图纸要在审核记录前的小圆点之间添加一条灰色线,因为盒子高度不确定,所以这条线也长度也不能确定,但肯定是跟当前盒子一样高,然后定位一下移动到自己盒子小圆点下就可以了,

所以想请教一下,css 该怎么实现这种不确定高度的线呢。

或者有没有别的方法,比如可以用 border-left实现吗。border长度肯定是跟当前盒子高度是一样的,但是border好像不能定位吧。

求大神指点一下,谢谢
...全文
19 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复

61,115

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧