Rails：<br> 在我看来不起作用

Question

很抱歉我问了一个简单的问题。

很难提取我的部分代码，因为我不知道哪里错了。

这是我的index.html.erb http://pastie.org/10337500#71-79

问题是我想在两个div之间添加一些space。然后，我在那里添加了很多<br>，但它似乎不起作用。

Answer 1

试试 </br> ，如果这不起作用，可能是因为您的代码中某处有一些未关闭的标记。如果你不这样做，那么只需向按钮添加一个 margin-bottom 或向 img 容器添加一个 margin-top。

Answer 2

添加 <br> in the view layer. You'd better to usepaddingormargin` 的坐骑不是一个好习惯。例如，尝试更改：

<div class="clearfix">

到

<div class="clearfix", style="margin-top: 50px">

Answer 3

正在创建 CSS 间距小部件

有很多方法可以解决这个问题，但看起来您正在开发一个包含不同部分的页面的应用程序，这些部分需要使用自定义间距进行布局。

一种简单而灵活的方法是在 CSS 中创建图形间隔符。一个有一些想法的例子。

在你的assets/stylesheets/custom.css.scss

.gfx_mt_10 {
  margin-top:10px;
}

.gfx_margins_my_x_section {
  margin: 25px 25px 10px 10px ; /* Top Right Bottom Left */
}

在你的html

<div class="gfx_mt_10">
  <p>Everything in here is the section with a margin of 10 pixels at the top.</p>      
</div>

<div class="gfx_my_x_section">
  <p>Everything in here is the section with a margin of 25 pixels at the top.</p>      
</div>

<div class="clearfix gfx_mt_10">
  <p>Everything in here is the section which combines clearfix attributes + a margin of 10 pixels at the top.</p>      
</div>

如果您像这些图形小部件一样创建 CCS 间隔符，那么您可以在任何 class 标记中使用它们。我不建议更改像 clearfix 这样的全局变量，这可能会在您的应用程序中产生意想不到的后果。

W3 CSS 文档

我强烈建议您阅读官方资源 here 中的 CSS 的力量，如果您还没有阅读的话。

或使用Bootstrap网格系统

我应该补充一点，如果您使用 Bootstrap 有一个学习曲线，但它会为您创建一个平台灵活的 UI 框架。

Rails：<br> 在我看来不起作用

Rails: <br> is not working in my view

html

ruby-on-rails

erb

twitter-bootstrap

twitter-bootstrap-3

正在创建 CSS 间距小部件

W3 CSS 文档

或使用Bootstrap网格系统