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

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

embedded-ruby haml css ruby-on-rails html
  •  0
  • nonopolarity  · 技术社区  · 15 年前

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

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

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

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

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

    HAML Docs on Whitespace Removal

        2
  •  2
  •   Matty F    15 年前

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

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

    推荐文章
    iiRosie1  ·  非法嵌套:内容不能与%div位于同一行,也不能嵌套在其中
    7 年前
    Apzal Bahin  ·  有没有办法将haml文件与Watir一起使用
    7 年前
    eth3rnit3  ·  引导navbar rails gem glypicon
    7 年前
    Bijay Regmi  ·  在HAML/HTML中对齐表格的列
    7 年前
    Rares R  ·  Rails在HAML+Coffeescript中使用数组
    8 年前
    Snoobie Vishal Sareen  ·  haml为输入字段赋值
    8 年前
    Snoobie Vishal Sareen  ·  如何在haml循环中打破?
    8 年前
    Computer Looker  ·  当我移动到下方的iframe上时,为什么这个下拉div会消失?
    8 年前
    Nell David Soledad  ·  HAML条件缩进链接到具有相同内容的
    8 年前
    Sejista Carl  ·  rails在变量中存储渲染视图
    8 年前
    关于   移动版
    代码之家 - 一站式码农服务社区
    沪ICP备11025650号