如何在內聯元素中優雅地使用css精靈？

Question

我知道this hack爲內聯塊屬性，但因爲它真的是一個黑客爲窮人的瀏覽器支持，我想知道是否有一個更優雅的解決方案使用CSS精靈沒有必要的換行符塊元素。

爲了說明這個想法：在this website的頁腳中，位於頁面最右下角的頁腳文本段落內的圖標應該有一個很好的翻轉圖像。我所知道的最優雅的技術是CSS sprites，但是這當然會在圖像之前添加換行符。

我錯過了什麼嗎？

任何有識之士都非常感謝！

最佳，亞歷克斯

Answer 1

我個人inline-block的黑客東西所有的地方，但如果你正在尋找一種替代，答案是正確的，你使用的例子在頁面上，在其他更接近頁面頂部的社交圖標列表。

只需使用display: block並浮動鏈接。