寫了一個(gè) i 標(biāo)簽給它設(shè)置了寬高和背景圖片，但是界面不顯示,且寬高依然是0

.icon-name {background: url("../../img/username.png");width: 40px;height: 35px;}

**1、因?yàn)?i 標(biāo)簽是行內(nèi)標(biāo)簽，它不可以設(shè)置寬高。**所以上面設(shè)置寬高不起作用

讓 i 標(biāo)簽可以設(shè)置寬高：display: inline-block;

出現(xiàn)了 i 的 背景圖片

但是現(xiàn)在出現(xiàn)了一個(gè)問題，我的寬度過大，圖片重復(fù)出現(xiàn)填滿區(qū)域，要解決這個(gè)問題，則設(shè)置 no-repet

.icon-name {background: url("../../img/username.png") no-repeat; }

最終效果圖 及 代碼
`

.icon-name {display: inline-block;width: 40px;height: 35px;background: url("../../img/username.png") no-repeat; }

總結(jié)

以上是生活随笔為你收集整理的i 标签设置背景图片作 icon的问题的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。