怎样在行内用css sprite？

[darasion]

比如紧跟着文章标题后边，加一个按钮。

如果用 display:block; 按钮就会换行了，但我不想换行；

如果用display:inline; 按钮就会没有宽度了，但是sprite需要固定宽度;

如果用display:inline-block; 浏览器支持有问题。

如果用float; 那么就会无法精确定位.


类似这种按钮或者标记,应该怎样处理比较好呢？

[Platinum]

按我的理解是标题和按钮都 float: left ？

无法精确定位是什么意思？

[darasion]

@Platinum 就是说，我想将这个 sprite 图标 放在一行文字的任意位置. float 就会真的变成浮云超脱进了异次元了，没法插进文章里.。

[bhuztez]

inline-block吧

[NemoAlex]

用inline
宽度控制用padding

[mckincy]

inline-block 就只有个间距bug很容易就KO了。或者float来弄。

[benzhe]

@NemoAlex 正解

[darasion]

@NemoAlex 谢谢.

@Platinum @bhuztez @mckincy



刚刚想到了一个办法， 用<input> 不知道可以不？....

[fireyy]

用 input 还不如用一张1个像素的透明img

[bhuztez]

@darasion inline-block，IE下用个Hack搞定就是了

[darasion]

@bhuztez 怎样hack？

[darasion]

@fireyy 这个想过, 不过这个透明的东东下载失败还是会变成X啊..

[bhuztez]

@darasion http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/

[Platinum]

哎，为啥我老是会错意……上次那个什么“交错”也是……

[Sivan]

inline-block很好解决啊，只要ie6&7写条dispplay:inline;zoom:1;就行了
但是有边距bug，所以还是float或者inline用的多

[darasion]

@bhuztez @Sivan 多谢, 收藏此帖.

[darasion]

想到另一个办法，图标竖排, 然后用padding调整文字位置, 直接用span或a就行了.