scss 文字の横に边境を表示する

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了scss 文字の横に边境を表示する相关的知识，希望对你有一定的参考价值。

.com-SideBorder {
  position: relative;

  &::before {
    content: "";
    display: block;
    height: 6px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate3d(0, -50%, 0);
  }

  &::after {
    content: "";
    display: block;
    height: 6px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate3d(0, -50%, 0);
  }
}

.com-SideBorder {
  &::before,
  &::after {
    width: calc((100% - 4em) / 2);
  }
}

以上是关于scss 文字の横に边境を表示する的主要内容，如果未能解决你的问题，请参考以下文章