<分区>
是否可以在 <li>
中的元素的每个缩进处绘制缩进指南 (U+250B) ?例如,我正在使用 this fiddle并希望在 Child 1、Child 2 的左侧绘制一个缩进指南,并在 Child Child 1 的左侧绘制两个指南(因为它有两个缩进深)。
我对 Javascript 或 CSS 解决方案持开放态度,但如果解决方案更简单,我更喜欢 CSS。
标签 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}
关于javascript - 在 <li> 的每个缩进处绘制缩进指南,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21685542/