Home Sign Up Sign In
darasion
V2EX  ›  问与答

怎样在行内用css sprite？

  •   
  •   darasion · Sep 1, 2011 · 5399 views
    This topic created in 5548 days ago, the information mentioned may be changed or developed.
    比如紧跟着文章标题后边，加一个按钮。

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

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

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

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


    类似这种按钮或者标记,应该怎样处理比较好呢？
  • 按钮
  • display
  • sprite
    16 replies  •  1970-01-01 08:00:00 +08:00
    Platinum
    Platinum
    Sep 1, 2011
    1
    按我的理解是标题和按钮都 float: left ？

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

    @Platinum @bhuztez @mckincy



    刚刚想到了一个办法， 用<input> 不知道可以不？....
    fireyy
    fireyy
    Sep 1, 2011
    8
    用 input 还不如用一张1个像素的透明img
    bhuztez
    bhuztez
    Sep 1, 2011
    9
    @darasion inline-block，IE下用个Hack搞定就是了
    darasion
    darasion
    OP
    Sep 1, 2011
    10
    @bhuztez 怎样hack？
    darasion
    darasion
    OP
    Sep 1, 2011
    11
    @fireyy 这个想过, 不过这个透明的东东下载失败还是会变成X啊..
    Platinum
    Platinum
    Sep 1, 2011
    13
    哎，为啥我老是会错意……上次那个什么“交错”也是……
    Sivan
    Sivan
    Sep 1, 2011
    14
    inline-block很好解决啊，只要ie6&7写条dispplay:inline;zoom:1;就行了
    但是有边距bug，所以还是float或者inline用的多
    darasion
    darasion
    OP
    Sep 1, 2011
    15
    @bhuztez @Sivan 多谢, 收藏此帖.
    darasion
    darasion
    OP
    Sep 5, 2011
    16
    想到另一个办法，图标竖排, 然后用padding调整文字位置, 直接用span或a就行了.
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   2888 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 32ms · UTC 00:47 · PVG 08:47 · LAX 16:47 · JFK 19:47
    ♥ Do have faith in what you're doing.