文章詳情頁
css - Sprite 雪碧圖有沒有可能和文本一起合作?
瀏覽:187日期:2023-06-28 11:42:59
問題描述
我嘗試雪碧圖的左圖片右文字效果:
.imgShareLeft {text-align:center;display:inline-block;*display:inline;*zoom:1;padding-left:16px;height:16px;background-image:url(../png/img.png);background-repeat:none;}.imgaccept {background-position:0px 0px;}....
這里每個Sprite是16*16.包裹在某個元素里,如果該元素沒有文字,很好.有文字的話就沒法對齊了:圖片好像靠上一點了.
<h3><a class='imgShareLeft imgaccept '></a><i>XXX預警系統</i></h3>
比如這里a元素沒內容就很好,有文字就不對齊了
問題解答
回答1:就這,然后demo也不貼出來,什么都沒有,怎么看
回答2:文本又不需要請求,毫無意義
標簽:
CSS
相關文章:
1. html - 請教一個前端css問題。2. node.js - vue項目build后,打開監聽port沒問題,但是刷新頁面后就掛掉了3. javascript - 使用react報錯4. css - 為什么border-radius的圓角會消失?5. CSS3的漸變屬性的疑惑6. java - PHP開發微信無法獲取到signature,timestamp,nonce7. javascript - 前端怎樣實現圖片剪切一部分上傳呢?像微信或者QQ上傳那樣呢?用的啥技術8. android 百度地圖設置個性化皮膚9. javascript - js刪除頁面節點有何作用,直接刪除具體代碼不是一樣的效果么?10. css - 關于阿里ICON-FONT的cdn線上引用,cdn地址變化,應該如何處理?
排行榜
