在 Rails 导航栏中组合image_tag和文本时的换行符

Question

我想在基于引导的导航栏中将徽标和品牌名称作为文本组合在一起。问题是我无法弄清楚为什么会有换行符和文本与徽标不在同一行上。谁能帮忙？

<%= link_to image_tag("brand_logo.png") + " Brandname", root_path, class: "navbar-brand" %>

我试图在我的 CSS 文件中添加"显示：内联;"，但这没有帮助。请参阅浏览器的屏幕截图 检查

谢谢。

Answer 1

您需要将属性display:inline提供给image_tag本身。

<%= link_to root_path, class: 'navbar-brand' do %>
<%= image_tag('brand_logo.png', style: 'display:inline') %>
<%= 'Brandname' %> 
<% end %>

Answer 2

谢谢库拉斯

<div class="container-fluid">
<%= link_to root_path do %>
<%= image_tag 'image.svg', alt:'', class:'', style:'display:inline' %>
<span class="" >TEXT LINK</span>
<% end %>
</div>