V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
darasion
V2EX  ›  问与答

怎样在行内用css sprite?

  •  
  •   darasion · 2011-09-01 12:41:06 +08:00 · 4323 次点击
    这是一个创建于 4833 天前的主题,其中的信息可能已经有所发展或是发生改变。
    比如紧跟着文章标题后边,加一个按钮。

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

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

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

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


    类似这种按钮或者标记,应该怎样处理比较好呢?
    16 条回复    1970-01-01 08:00:00 +08:00
    Platinum
        1
    Platinum  
       2011-09-01 12:48:12 +08:00
    按我的理解是标题和按钮都 float: left ?

    无法精确定位是什么意思?
    darasion
        2
    darasion  
    OP
       2011-09-01 12:50:54 +08:00
    @Platinum 就是说,我想将这个 sprite 图标 放在一行文字的任意位置. float 就会真的变成浮云超脱进了异次元了,没法插进文章里.。
    bhuztez
        3
    bhuztez  
       2011-09-01 13:03:16 +08:00
    inline-block吧
    NemoAlex
        4
    NemoAlex  
       2011-09-01 13:08:48 +08:00
    用inline
    宽度控制用padding
    mckincy
        5
    mckincy  
       2011-09-01 13:09:48 +08:00
    inline-block 就只有个间距bug很容易就KO了。或者float来弄。
    benzhe
        6
    benzhe  
       2011-09-01 13:12:10 +08:00
    @NemoAlex 正解
    darasion
        7
    darasion  
    OP
       2011-09-01 13:19:45 +08:00
    @NemoAlex 谢谢.

    @Platinum @bhuztez @mckincy



    刚刚想到了一个办法, 用<input> 不知道可以不?....
    fireyy
        8
    fireyy  
       2011-09-01 13:30:16 +08:00
    用 input 还不如用一张1个像素的透明img
    bhuztez
        9
    bhuztez  
       2011-09-01 13:31:28 +08:00
    @darasion inline-block,IE下用个Hack搞定就是了
    darasion
        10
    darasion  
    OP
       2011-09-01 13:32:11 +08:00
    @bhuztez 怎样hack?
    darasion
        11
    darasion  
    OP
       2011-09-01 13:32:50 +08:00
    @fireyy 这个想过, 不过这个透明的东东下载失败还是会变成X啊..
    Platinum
        13
    Platinum  
       2011-09-01 14:33:38 +08:00
    哎,为啥我老是会错意……上次那个什么“交错”也是……
    Sivan
        14
    Sivan  
       2011-09-01 14:46:07 +08:00
    inline-block很好解决啊,只要ie6&7写条dispplay:inline;zoom:1;就行了
    但是有边距bug,所以还是float或者inline用的多
    darasion
        15
    darasion  
    OP
       2011-09-01 15:44:25 +08:00
    @bhuztez @Sivan 多谢, 收藏此帖.
    darasion
        16
    darasion  
    OP
       2011-09-05 18:19:47 +08:00
    想到另一个办法,图标竖排, 然后用padding调整文字位置, 直接用span或a就行了.
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   904 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 21:07 · PVG 05:07 · LAX 13:07 · JFK 16:07
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.