使用環(huán)境：react及scss
html中:

<span className='desc'>常見問題</span>

css中:

.desc {
        position: relative;
        font-size: 12px;
        text-align: center;
        display: inline-block;(必須加上，否則手機端會出現文本不在中間的情況)
        &::before, &::after {
            display: inline-block;
            position: absolute;
            content: '';
            top: 50%;
            margin-top: -1px;
            width: 18px;
            height: 1px;
            background-color: #BDBDBD;
        }
        &::before{
            left: -30px;
        }
        &::after {
            right: -30px;
        }
    }

效果如圖：

2.png