html - 如何在 Rails 中使用 'dynamic CSS'

标签 html css ruby-on-rails ruby

我是 Ruby on Rails 的新手,我正在尝试从数据库中的某些字段中提取我拥有的信息,并将它们用作样式的手段。

例如,我的“学生”数据库中有一个高度和宽度字段。我想提取 height 字段内容和 width 字段内容作为我的 CSS 文件的参数,以分别设置 div 标签的高度和宽度。

我在做这件事时遇到了很多麻烦。我通过以下方式在 View index.html.erb 中链接了我的样式表:

<%= stylesheet_link_tag 'students' %>

在 assets/stylesheets/students.scss 下

我不确定如何进行。

最佳答案

如果样式是数据库驱动的,则不应依赖在部署期间生成静态样式表的链轮。

一个简单的解决方案是使用 ERB 构建 css 内容。

<style>
.students-container {
  height: "<%= @height.to_i %>px",
  width: "<%= @width.to_i %>px"
}
</style>

您可以将样式节点提取到一个部分中,并在多个模板中重复使用。

关于html - 如何在 Rails 中使用 'dynamic CSS',我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37638649/

相关文章:

html - R Shiny : use HTML within functions (like textInput, checkboxGroupInput)

html - 没有负边距的绝对中心 div

javascript - jquery - 像插件一样在选定的 div 中添加 html 内容

ruby-on-rails - capistrano 回滚会撤消迁移吗?

html - Rockettheme 模板侧边栏出现故障

javascript - JS 清除后,Firefox 提醒我 "required"字段

javascript - 希望社交媒体栏在滚动条上消失

javascript - 可点击网站的服装按钮..就像这个

ruby-on-rails - 使用 PostgreSQL 时角色不存在且无法创建数据库

ruby-on-rails - ActiveRecord group by 乘法字段和计数