加入CSS字體圖標

Question

編輯：爲了保密的原因，我不得不刪除這個話題。

我在下面的評論中找到了答案： ，刪除了:after元素中的position: absolute。這是訣竅。

謝謝大家的幫助！

Answer 1

不要給position: absolute爲全部爲的圖標。相反，請專門爲該元素指定它。

<div class="joined-icons"> 
    <i class="icon-test xs"></i> 
</div> 

而且在你SCSS：

.joined-icons { 
    .icon-test { 
    display: block; 
    position: relative; 
    &:before { 
     content: '\F018'; 
     position: absolute; 
    } 
    &:after { 
     content: '\F019'; 
     position: absolute; 
    } 
    } 
} 

上面的代碼隻影響內部div.joined-icons所有的圖標。所以你會沒事的。