V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Can I use?
http://caniuse.com/
Less
http://lesscss.org
Cool Libraries
Bootstrap from Twitter
Jetstrap
bombless
V2EX  ›  CSS

inline-block大家是怎么控制行距的?

  •  
  •   bombless ·
    bombless · 2013-08-02 09:08:20 +08:00 · 7370 次点击
    这是一个创建于 4122 天前的主题,其中的信息可能已经有所发展或是发生改变。
    我有一个跨两行的inline-block元素列,高度都是一样的,第一行到第二行有一个行距似乎是个random value,既不是border也不是margin也不是padding。
    我还以为是line-height的问题,结果把line-height设成0,这个行距还是有,把line-height设成和height一样,在Chrome/Firefox倒是正常了,在IE10又不对了。
    12 条回复    2014-12-25 01:12:42 +08:00
    jjplay
        1
    jjplay  
       2013-08-02 09:12:23 +08:00
    这种问题可能是两段代码书写时候 留下的回车 bom字节 引起的间距,清除下 或者不折行 ,还有种是图片外边留下的间隙 用font-size:0; 搞定
    hourui
        2
    hourui  
       2013-08-02 11:43:09 +08:00
    基本上我是把换行符干掉
    tokki
        3
    tokki  
       2013-08-02 14:50:29 +08:00   ❤️ 1
    用 letter-spacing 可以解决这个问题 在某些浏览器下这个数值还是不一定的

    具体参考 http://purecss.io/ 他是使用inline-block做布局的

    当初由于简单才用这个,最近感觉各种不完美
    NemoAlex
        4
    NemoAlex  
       2013-08-02 15:28:39 +08:00
    没有看懂楼主的描述
    66beta
        5
    66beta  
       2013-08-02 15:44:14 +08:00   ❤️ 1
    @NemoAlex 楼主讲的应该是这个
    口口口口口口口口口口口口口口口
    你好,我是来恶心你的未知间隔
    口口口口口口口口口口口口口口口
    NemoAlex
        6
    NemoAlex  
       2013-08-02 16:12:03 +08:00
    @66beta 如果是这个问题,简单把父元素的 line-height 或者 font-size 设为0就可以了
    感觉楼主说的是更复杂的问题
    P233
        7
    P233  
       2013-08-02 19:10:39 +08:00
    switch
        8
    switch  
       2013-08-02 20:00:19 +08:00   ❤️ 1
    楼主说的是行距,而不是字(空白)距,这里可以试着设置 vertical-align + line-height。
    PS:字体也可能会影响到设置。
    bombless
        9
    bombless  
    OP
       2013-08-16 00:00:49 +08:00
    @tokki 谢谢,我多研究研究!

    inline-block估计是有点坑,刚刚看到它的关于baseline的问题。
    http://www.zhihu.com/question/21431313
    @switch谢谢! 是的,字号我忘调了,也可能是字号的问题。
    pertersonvv
        10
    pertersonvv  
       2014-12-24 17:51:03 +08:00
    @tokki 它和BootStrap有啥区别?
    tokki
        11
    tokki  
       2014-12-24 18:18:28 +08:00
    @pertersonvv 这个简单啊 5.0了 感觉还不错
    pertersonvv
        12
    pertersonvv  
       2014-12-25 01:12:42 +08:00
    @tokki 不是说bs很简单么?pure更简单?
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3759 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 00:53 · PVG 08:53 · LAX 16:53 · JFK 19:53
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.