我们可以使用 CSS Sprites,但这不是需要将所有图像制作成 block 或 display: block 元素吗?

发布于 2024-10-27 20:30:30 字数 318 浏览 0 评论 0原文

我想使用CSS Sprites,但我以前没有大规模使用过它,而且似乎当所有图像都使用CSS Spirites(图像作为背景)显示时,那么它必须在 div 内spandisplay: 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

请你别敷衍 2024-11-03 20:30:30

我使用此修复程序用于精神振奋时的内联块 (尽管我忽略了 Firefox 的供应商风格,因为现代 FF 运行得很好)。

FTA:

display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;

请注意,只要元素有布局,IE 通常就可以。

I use this fix for inline-block when spiriting (although I ignore the vendor style for Firefox as modern FF plays nice).

FTA:

display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;

Note that IE is generally fine as long as the element hasLayout.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文