代码之家  ›  专栏  ›  技术社区  ›  nonopolarity

Ruby-on-Rails或通过编程生成的<span>或<img>,每一个都在一行上,在显示时在两行之间产生空格

  •  0
  • nonopolarity  · 技术社区  · 14 年前

    <span> <img> 在一个循环中,每一行都将在一个新行上。

    因此,当它在HTML中呈现时,这些内联元素之间会有额外的空间。

    怎么解决?他们必须成为1长行,或解决使用HTML或CSS?

    2 回复  |  直到 14 年前
        1
  •  1
  •   Neall    14 年前

    如果你用的是HAML,你可能想用 < > 要控制空白:

    HAML Docs on Whitespace Removal

        2
  •  2
  •   Matty F    14 年前

    浏览器将空白视为空格字符,从而产生间隙。你可以:

    1) 将其渲染到一条长线上,元素之间没有间隙;或 2) 应用浮动:左移到元素上,使它们彼此平齐