1
A
回答
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
所有的圖標。所以你會沒事的。
相關問題
- 1. CSS - 樣式字體Awesome字體圖標
- 2. CSS幫助添加託管的圖標字體與css
- 3. ASP.Net中的CSS圖標字體
- 4. CSS:用文本替換字體圖標
- 5. CSS:在Div中垂直對齊輸入+字體圖標?
- 6. CSS字體圖像
- 7. :僞圖標字體在IE9上正確加載css之前+
- 8. CSS字體圖標字體家庭被忽略
- 9. css:設置字體圖標的比例(其他字體大小)
- 10. CSS字體不工作 - 字體圖標顯示爲代碼
- 11. css - 如何在字體集中字體真棒圖標?
- 12. 在CSS中嵌入字體
- 13. 使用css嵌入字體
- 14. 文本輸入內的圖標字體
- 15. 輸入前的字體真棒圖標
- 16. Bootstrap 4字體真棒輸入圖標
- 17. Css和字體加載
- 18. 添加字體爲CSS頁
- 19. 警予添加字體真棒圖標
- 20. 語義UI圖標,字體不加載
- 21. 將圖標加載爲字體系列
- 22. 在wpf中添加圖標字體
- 23. 在php中添加字體圖標
- 24. 自定義圖標字體未加載
- 25. 字體和字體真棒圖標不通過SSL加載
- 26. CSS:如何使字體圖標和文字更接近它?
- 27. 如何從字體真棒圖標或文字使用CSS
- 28. css - 背景圖片而不是圖標字體
- 29. 導入CSS壞圖標
- 30. CSS:目標身體輸入:焦點