我们可以使用 CSS Sprites,但这不是需要将所有图像制作成 block 或 display: block 元素吗?
我想使用CSS Sprites,但我以前没有大规模使用过它,而且似乎当所有图像都使用CSS Spirites(图像作为背景)显示时,那么它必须在 div 内
或 span
与 display: block
以便它可以有宽度和高度?
如果是这样,那么之前,作为 ,它可以自然地作为内联元素流动,但现在,它必须
浮动
,这不是很混乱吗? >。
它可能可以显示为inline-block
,但我认为并不是所有浏览器都很好地支持它?
I'd like to use CSS Sprites, but I haven't used it in massive scale before, and seems like when all the images are being displayed using CSS Spirites (image as background), then it must be inside a div
or span
with display: block
so that it can have a width and height?
If so, then isn't it messy that, before, as an <img>
, it can flow as an inline element naturally, but now, it has to be floated
.
It might be able to be shown as inline-block
, but I think it is not well supported by all browsers?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
我使用此修复程序用于精神振奋时的内联块 (尽管我忽略了 Firefox 的供应商风格,因为现代 FF 运行得很好)。
FTA:
请注意,只要元素有布局,IE 通常就可以。
I use this fix for inline-block when spiriting (although I ignore the vendor style for Firefox as modern FF plays nice).
FTA:
Note that IE is generally fine as long as the element hasLayout.