📜  rails image_tag 链接大小 - Ruby (1)

📅  最后修改于: 2023-12-03 15:19:41.713000             🧑  作者: Mango

Rails image_tag 链接大小 - Ruby

在 Rails 中,使用 image_tag 可以方便的添加图片到页面中。

image_tag 方法可以接受一个图片路径的参数和一些可选的选项,其中一个常用的选项是 size,可以用来指定图片的大小。

语法

以下是 image_tag 方法的语法:

<%= image_tag "path/to/image.jpg", size: "100x100" %>

其中,"path/to/image.jpg" 是图片的路径,size: "100x100" 是可选的选项,其中 100x100 是指定图片的宽度和高度。

示例

以下是一个 image_tag 的示例,在使用 Bootstrap 样式框架的情况下,使用 image_tag 方法将图片放在一个带有圆角的框中:

<div class="col-md-3">
  <div class="thumbnail">
    <%= image_tag product.image.url(:medium), class: "img-responsive img-thumbnail" %>
    <div class="caption">
      <h4><%= product.name %></h4>
      <p><%= product.description %></p>
    </div>
  </div>
</div>

在上面的例子中,product.image.url(:medium) 是一个图片路径,:medium 是指定图片的尺寸。

结论

使用 image_tag 方法可以轻松地向 Rails 应用程序添加图片。通过指定 size 选项,可以控制图片的大小。