文章詳情頁
css - Sprite 雪碧圖有沒有可能和文本一起合作?
瀏覽:150日期: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. 如何解決docker宿主機無法訪問容器中的服務?2. angular.js - 輸入郵箱地址之后, 如何使其自動在末尾添加分號?3. javascript - 如何使用nodejs 將.html 文件轉化成canvas4. javascript - html5的data屬性怎么指定一個function函數呢?5. docker-compose中volumes的問題6. java如何生成token?7. 在mac下出現了兩個docker環境8. python - Scrapy存在內存泄漏的問題。9. angular.js - $stateChangeSuccess事件在狀態跳轉的時候不執行?10. javascript - 后臺管理系統左側折疊導航欄數據較多,怎么樣直接通過搜索去定位到具體某一個菜單項位置,并展開當前菜單
排行榜
