在的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，因爲它在link_to標籤

防爆定義here：

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

希望你得到關於它的更多的想法。