我想做的是有一个表单,您可以在其中上传图片,然后当您查看该对象时,图片在特定div中居中,垂直和水平。 它的大小未知,等等。
除非有办法使用 image_tag 助手将其垂直居中,否则我希望能够将图像用作背景图像。 在我的 .css.scss 文件中,我希望能够做类似的事情
.image_div {
background-image: image_url("#{@object.image}");
background-position: center
}
我使用 CarrierWave 上传图片,当我输出 @object.image 时,它会在我的计算机上提供图像的路径(所以我不知道在生产中是否会被视为路径或 url)。 有什么想法吗?
sass 文件中使用 erb,但这是一个非常非常糟糕的主意,因为您的 css 必须在每个请求上解析(并且浏览器将无法缓存它)。
我建议将一个 css 片段直接粘贴在样式标签中的视图页面上。这样,它就会与页面一起进行评估。有意义?
更新(添加请求的示例)
将其添加到您的实际视图中(例如 show.html.erb):
<style media="screen">
.image_div { background-image: url(<%= @object.image %>); }
</style>
您可以将background-position
声明保留在 css 文件中,因为它不是动态的。 @object.image
需要返回图像的实际路径,因此如果@object.image
是 Ruby 对象,则需要访问存储路径的任何属性(@object.image.path
或@object.image.url
或任何适合您的代码库的属性)。