如何将列表标记与行连接？

Question

我必须在每个列表之间连接marc（蓝色）。我想用蓝线连接它们。但我找不到办法做到这一点。它特别复杂，因为

之间的距离可以改变。所以，我无法修复高度。我必须在子弹之间留出灵活的空间。

<ul class="my-cv" dir="rtl">
                            <li>
                                <span>
                                    1995-2001 בנגב בוגר הפקולטה לרפואה באוניברסיטת בן גוריון
                                </span>
                            </li>
                            <li>
                                <span>
                                    2002-2003 סטאז' בביה"ח כרמל בחיפה
                                </span>
                            </li>
                            <li>
                                <span>
                                    2007-2010, 2003-2006 התמחות בכירורגיה כללית בביה"ח "שיבא" בתל השומר

                                </span>
                            </li>
                            <li>
                                <span>
                                    2010-2012 תת-התמחות בניתוחי קיצור קיבה בביה"ח "קליבלנד קליניק" בקליבלנד, אוהיו

                                </span>
                            </li>
                        </ul>

{{1}}

Answer 1

这花了我一段时间..但我设法（硬编码）点之间的一条线。

li:before在所有点之间绘制一条线，高度为30px。

我建议使用Less或SASS来提高动态效果。

    .my-cv {
      list-style-type: desc;
      
    }

    .my-cv li {
      color: #5dc5ef;
    }

    .my-cv span {
      color: black;
    }

    li:before {
      content: "";
      position: absolute;
      right: 33px;
      border-left: 1px solid #5dc5ef;
      width: 1px;
      height: 30px; // change with my-cv.height in less
    }

    li:first-child:before {
      top: 23px;//Don't draw before first bullet
    }

    li:last-child:before {
      height: 6px; //Don't draw after last bullet
    }

    <ul class="my-cv" dir="rtl">
      <li class="first-child">
        <span>
                                                    1995-2001 בנגב בוגר הפקולטה לרפואה באוניברסיטת בן גוריון
                                                </span>
      </li>
      <li>
        <span>
                                                    2002-2003 סטאז' בביה"ח כרמל בחיפה
                                                </span>
      </li>
      <li>
        <span>
                                                    2007-2010, 2003-2006 התמחות בכירורגיה כללית בביה"ח "שיבא" בתל השומר

                                                </span>
      </li>
      <li>
        <span>
                                                    2010-2012 תת-התמחות בניתוחי קיצור קיבה בביה"ח "קליבלנד קליניק" בקליבלנד, אוהיו

                                                </span>
      </li>
    </ul>