在Rails app

时间:2018-04-20 02:35:33

标签: css ruby-on-rails twitter-bootstrap image

这似乎应该是一个非常简单的问题,但我一直试图修复它多年并无处可去。我有一个基本的Rails应用程序,其中包含blog_posts的模型,可以上传和显示图像。在show.html.erb页面上,可以显示一个图像和数据,图像如下:

<%= image_tag @blog_post.image_url if @blog_post.image? %><br><br>

在index.html.erb页面上,我为每个图像和其他数据设置了一个循环:

<%= image_tag(p.image_url(:thumb), :class => 'list_image') if p.image? %>

为了使图像居中,我使用了以下css:

img { display: block; margin-left: auto; margin-right: auto }

但我发现这只会将图片集中在展示页面中,而不是在索引中。我已经尝试过各种方法将图像置于索引中心,但似乎没有任何效果。我无法理解为什么图像不被img选择器识别,我也尝试通过放入各种div id和div类来影响拇指图像,但没有任何效果。

这可能看起来有点模糊,但我无法弄清楚问题可能是什么,所以任何指针都会非常感激: - )

修改

上传器将图像渲染为以下内容:

  process resize_to_fit: [500, 400]

  version :thumb do
    process resize_to_fit: [300, 200]
  end

0 个答案:

没有答案