4 回答

TA貢獻(xiàn)71條經(jīng)驗(yàn) 獲得超29個(gè)贊
我最近剛好做過(guò)這類(lèi) 自己是通過(guò)把圖標(biāo)設(shè)置background ?然后字體設(shè)置padding來(lái)實(shí)現(xiàn)的?

TA貢獻(xiàn)1條經(jīng)驗(yàn) 獲得超2個(gè)贊
:before?{
? ?position:?relative;
? ?right:?5px;
? ?content:?url(../images/ ? ? ? ?.png);
//前面加圖標(biāo)
:after?{
? ?position:?relative;
? ?left:?80px;
? ?content:?url(../images/ ? ? ? ?.png);
//后面加圖標(biāo)

TA貢獻(xiàn)202條經(jīng)驗(yàn) 獲得超301個(gè)贊
給你說(shuō)幾個(gè)解決的方法:
使用svg的矢量圖標(biāo),推薦阿里云的;
使用canvas的h5畫(huà)布技術(shù),這個(gè)東西絕對(duì)是未來(lái)的主流渲染,但在這快不是很實(shí)用;
找一個(gè)“X”的img圖片;
直接用文本“X”代替

TA貢獻(xiàn)53條經(jīng)驗(yàn) 獲得超40個(gè)贊
<button> X </button> 這樣取巧可以加一個(gè) X 在按鈕上
我們通常使用? 矢量圖? 也就是所謂的? 字體圖標(biāo)? ,網(wǎng)絡(luò)上有很多? 字體圖標(biāo)庫(kù)? 只要下載下來(lái)就可以使用了
有什么問(wèn)題可以問(wèn)我

TA貢獻(xiàn)3593條經(jīng)驗(yàn) 獲得超1個(gè)贊
添加回答
舉報(bào)