在link_to image_tag中指定宽度

Question

我使用以下代码链接到导航栏上的徽标：

 <%= link_to " #{image_tag ("logo3.svg")}".html_safe, root_url %>

我需要指定徽标的宽度，但有点困惑。试图用括号括起来/用括号逗号 - 每次都会中断。

有什么想法吗？

Answer 1

您不需要在引号中添加图片标记。就这样做吧

<%= link_to image_tag("logo3.svg",width: 500,class: 'your_class'), root_url %>

还有另一种方法可以做到这一点。

<%= link_to root_url do %>
 <%=image_tag("logo3.svg",width: 500)%>
<%end%>

Answer 2

试试这个：

<%= link_to " #{image_tag ("logo3.svg", size: "16x10")}".html_safe, root_url %>

显然你可以自定义尺寸 - 我把它作为一个例子

Answer 3

试试这个：

 <%= link_to " #{image_tag ("logo3.svg",  height: '32', width: '32')}".html_safe, root_url %>

Answer 4

基本上你可以添加一个类名，然后为宽度添加css规则，如下所示

 <%= link_to " #{image_tag ("logo3.svg")}".html_safe, root_url, :class  => "my-logo" %>

然后在你的css文件中添加如下内容：

app/assets/stylesheets/some_file.css

.my-logo {

  width: your-image-width;

}

这些解决方案可以正常工作但你应该避免编写最佳实践的内联css。 希望有所帮助。

Answer 5

您可以在image_tag代码中定义here时使用link_to

前：

 <%= link_to image_tag("logo3.svg", height: 'you-height', width: 'your-width'), root_url %>

希望你对它有更多了解。