inline-block用法一则

tianyazjq

于 2010-03-07 03:43:00 发布

阅读量226

点赞数

CC 4.0 BY-SA版权

文章标签： .net HTML

本文链接：https://blog.youkuaiyun.com/tianyazjq/article/details/83562072

本文深入探讨了inline-block元素在网页布局中遇到的问题及其解决方案，包括使用CSS伪类、调整浏览器兼容性及优化代码实现，旨在帮助开发者高效解决实际项目中的布局难题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

[quote]
/*----->>常用图标列表<<-----*/
.app_icon_coin{ display:-moz-inline-box;display:inline-block;*display:inline;*zoom:1;width:16px; height:16px; margin:0 4px; background:url(/app_images/sprite_icon/sprite_icon_a.png) no-repeat 0 -205px; vertical-align:text-bottom}
[/quote]

碰到的bug解决


 .app_ul_a{ font-size:0}
.app_ul_a li{ background:url(/app_images/sprite_arrow_a.png) no-repeat 0 12px; line-height:24px; padding-left:12px; vertical-align:middle; font-size:12px}

[url]http://www.qianduan.net/cross-browser-inline-block.html[/url]