前端经常会收到这样一个样式需求,需要写一个竖线或者横线。
image.png

我的实现

   .splitLine {
        width: 1px;
        height: 20px;
        background: #D1D5D9;
        margin-top: unset;
        margin-left: 18px;
        margin-right: 30px;
    }

    .splitLine:before {
        content: '';
        display: inline-block;
    }

  <div class="splitLine"></div>

如果是横线的话,直接修改width和height就行。

css不是很擅长,如果有更好的办法,希望大佬们不吝赐教


小学生
495 声望4 粉丝

路漫漫其修远兮,吾将上下而求索。