javascript - 在 <li> 的每个缩进处绘制缩进指南

标签 javascript css

<分区>

是否可以在 <li> 中的元素的每个缩进处绘制缩进指南 (U+250B) ?例如,我正在使用 this fiddle并希望在 Child 1、Child 2 的左侧绘制一个缩进指南,并在 Child Child 1 的左侧绘制两个指南(因为它有两个缩进深)。

我对 Javascript 或 CSS 解决方案持开放态度,但如果解决方案更简单,我更喜欢 CSS。

最佳答案

为所有 UL 添加边距但不是第一个,然后添加 padding-left 将内容从边框移开并向 UL 添加 border-left。

ul {margin:0 40px;border-left:3px dashed black;padding-left:20px}
#nav-bar > ul {margin:0;border:0}

http://jsfiddle.net/Ar88e/6/

关于javascript - 在 <li> 的每个缩进处绘制缩进指南,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21685542/

相关文章:

javascript - 在继续之前需要 FineUploader 方法 uploadStoredFiles 完成

javascript - 将 HTML 文档的 javascript 部分中的字段提取到表中?地理坐标

Javascript 正则表达式部分匹配

javascript - 使用 RxJs Observable 实现延迟队列

javascript - 将函数转换为变量

带图片的 HTML 按钮 - 不起作用

javascript - 单选按钮隐藏和显示问题

html - Firefox 中的输入控件溢出 flex 容器

html - @media 打印边距/padding-top 不工作

jquery - div 总是需要调整 margin-top 属性