使 Content_tag 在同一行中打印两个元素（Rails）

【问题标题】：make Content_tag to print two elements in same line(Rails)使 Content_tag 在同一行中打印两个元素（Rails）
【发布时间】：2017-11-14 13:32:48
【问题描述】：

content_tag(:p, "link : ") + content_tag(:p, link_to("abc","www.abc.com"))

这会打印出来

link:
abc

但我想让它打印出来

link: abc

【问题讨论】：

标签： html ruby-on-rails content-tag

【解决方案1】：

<p>(Paragraph) 是一个块元素，它是 HTML 机制（所以它总是占据容器的整个宽度）。它与 ruby/rails 代码没有任何关系，您无法通过对 ruby 代码进行任何更改来实现它。您可以使用一些 hacky CSS 解决方案来实现。但好的解决方案是使用内联 <span> 标签。它会做你想做的事。您可以使用单个 <p> 作为 2 <span> 的根元素

【讨论】：

知道了。谢谢。

【解决方案2】：

只需在元素上使用display: inline-block。这不是 Rails 问题，而是 CSS 怪癖。 p 是一个块元素，因为它占用父元素的整个宽度，除非它是内联的。

.two p { display: inline-block; }

<div class="one"><p>Hello</p><p>World</p></div>
<div class="two"><p>Hello</p><p>World</p></div>

【讨论】：