如何在Ruby on Rails中设置图像标签的样式

Question

我有一个图片标签如下:

    <%= image_tag @user.photo.url(:large) %>

如何在CSS中为该图像的一侧设置边框颜色？会产生什么样的HTML？

Answer 1

通过使用"样式"选项:

<%= image_tag @user.photo.url(:large), :style => "border: 1px solid red" %>

有关详细信息,请查看API.

Answer 2

在image_tag中添加一个类或ID:

<%= image_tag @user.photo.url(:large), :class => "style_image" %>

然后用css来设置它的样式:

.style_image {
  border-right: 1px solid #000;
}

Answer 3

你也可以提供内联风格

<%= image_tag @user.photo.url(:large), :style => "float :left;border 1px solid #00000;" %>

试试吧.....

Answer 4

这是一种简单的方法。

<%= image_tag("example.png", :style => 'border-right: 1px solid #000;')%>

Answer 5

在较新版本的Rails中，有一种“更好”的方式：

<%= image_tag('filename_in_public_folder', alt: 'Description', style: 'display: block; margin: auto; width: 40%;')%>