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

Question

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

这打印

link:
abc

但我希望它打印

link: abc

Answer 1

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

Answer 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>