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

Question

我有一个图像标签如下：

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

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

score 82 · Accepted Answer

通过使用“样式”选项：

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

如需更多信息，请查看 API。

score 55 · Accepted Answer

将类或 id 添加到您的 image_tag：

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

然后使用 css 对其进行样式设置：

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

score 13 · Accepted Answer

您也可以提供内联样式

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

尝试一下.....

score 12 · Accepted Answer

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

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

score 6 · Accepted Answer

这是一种简单的方法。

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

score 2 · Accepted Answer

对于在 Google 上遇到此问题的其他人。如果您以不同的方式使用图像标签，您仍然可以向其添加 css 类，但这只是语法不同。有时您需要使用外部服务器。（在 Heroku 上部署？=> Amazon s3）

<%= image_tag("https://s3-us-west-2.amazonaws.com/mybucketname/user_photo.png", class: "style_image") %>

6 回答 6