This topic created in 5360 days ago, the information mentioned may be changed or developed.
比如紧跟着文章标题后边，加一个按钮。
如果用 display:block; 按钮就会换行了，但我不想换行；
如果用display:inline; 按钮就会没有宽度了，但是sprite需要固定宽度;
如果用display:inline-block; 浏览器支持有问题。
如果用float; 那么就会无法精确定位.
类似这种按钮或者标记,应该怎样处理比较好呢？
如果用 display:block; 按钮就会换行了，但我不想换行；
如果用display:inline; 按钮就会没有宽度了，但是sprite需要固定宽度;
如果用display:inline-block; 浏览器支持有问题。
如果用float; 那么就会无法精确定位.
类似这种按钮或者标记,应该怎样处理比较好呢？
 |
1
Platinum Sep 1, 2011
按我的理解是标题和按钮都 float: left ？
无法精确定位是什么意思？ |
 |
2
darasion OP @Platinum 就是说，我想将这个 sprite 图标 放在一行文字的任意位置. float 就会真的变成浮云超脱进了异次元了，没法插进文章里.。
|
 |
3
bhuztez Sep 1, 2011
inline-block吧
|
 |
4
NemoAlex Sep 1, 2011
用inline
宽度控制用padding |
 |
5
mckincy Sep 1, 2011
inline-block 就只有个间距bug很容易就KO了。或者float来弄。
|
 |
8
fireyy Sep 1, 2011
用 input 还不如用一张1个像素的透明img
|
|
12
bhuztez Sep 1, 2011
|
|
13
Platinum Sep 1, 2011
哎，为啥我老是会错意……上次那个什么“交错”也是……
|
 |
14
Sivan Sep 1, 2011
inline-block很好解决啊，只要ie6&7写条dispplay:inline;zoom:1;就行了
但是有边距bug，所以还是float或者inline用的多 |
|
16
darasion OP 想到另一个办法，图标竖排, 然后用padding调整文字位置, 直接用span或a就行了.
|
Select Language