使Content_tag在同一行中打印两个元素(Rails)

时间:2017-11-14 13:32:48

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

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

打印

link:
abc

但我希望它打印

link: abc

2 个答案:

答案 0 :(得分:2)

<p>(段落)是一个块元素及其HTML机制(所以它总是需要它的整个宽度的容器)。它与ruby / rails代码没有任何关系,你无法在ruby代码中进行任何更改。你可以用一些hacky CSS解决方案来实现。但好的解决方案是使用内联<span>标记。它会做你想要的。您可以使用单个<p>作为2 <span>

的根元素

答案 1 :(得分:0)

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

&#13;
&#13;
.two p { display: inline-block; }
&#13;
<div class="one"><p>Hello</p><p>World</p></div>
<div class="two"><p>Hello</p><p>World</p></div>
&#13;
&#13;
&#13;