代码之家  ›  专栏  ›  技术社区  ›  ASK

如何调整标签之间的垂直虚线长度?

  •  0
  • ASK  · 技术社区  · 6 年前

    我在代码中使用了:

    <span style="border-right-style: dashed; border-right-width:thin;">

    另外,请参见附加图片 I just want the line like as right side in image

    我只想像图像中的右边一样(3个破折号)。

    2 回复  |  直到 6 年前
        1
  •  1
  •   Rajat Jain    6 年前

    这可以通过使用背景图像来完成,如下所示。

    div {
      padding: 10px 50px;
    }
    .dashes {
      background-image: linear-gradient(to bottom, #333 80%, rgba(255, 255, 255, 0) 0%);
      background-position: left;
      background-size: 1px 14px;
      background-repeat: repeat-y;
    }
    <div class='dashes'>My text</div>

    或者也可以使用3个短划线的小图标/缩略图将其放在文本之间。

        2
  •  1
  •   user10002941    6 年前

    你可以使用 静止无功发生器 或作为图标图像的小图像。这将有助于设计更多的破折号。