i 标签设置背景图片作 icon的问题
生活随笔
收集整理的這篇文章主要介紹了
i 标签设置背景图片作 icon的问题
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
寫了一個 i 標簽給它設置了寬高和背景圖片,但是界面不顯示,且寬高依然是0
.icon-name {background: url("../../img/username.png");width: 40px;height: 35px;}**1、因為 i 標簽是行內(nèi)標簽,它不可以設置寬高。**所以上面設置寬高不起作用
讓 i 標簽可以設置寬高:display: inline-block;
出現(xiàn)了 i 的 背景圖片
但是現(xiàn)在出現(xiàn)了一個問題,我的寬度過大,圖片重復出現(xiàn)填滿區(qū)域,要解決這個問題,則設置 no-repet
最終效果圖 及 代碼
`
總結(jié)
以上是生活随笔為你收集整理的i 标签设置背景图片作 icon的问题的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 快应用中实现自定义抽屉组件
- 下一篇: 从零开始的DIY智能家居 - 基于 ES