如何根据 Rails 视图中的值动态设置 HTML 元素的左边距值?

How to dynamically set the margin-left value of a an HTML element based on a value in the Rails view?

提问人:German 提问时间:9/9/2023 更新时间:9/9/2023 访问量:40

问:

My Rails 应用程序生成嵌套注释并使用变量跟踪其深度。我可以看到这个变量正在生成适当的值,因为我可以使用这段代码在comment_layout视图中读取它,但是,当我尝试使用它来设置我在相关中使用它时的值时,它没有给我任何结果,如下所示:depth<%= comment.depth %>margin-left<div>

<div class="c-margin" style="margin-left: <%= comment.depth * 4 %>px;">
  <%= comment.depth %>
  <%= comment.body %>
</div>

我无法解释这里可能有什么问题。对任何能指出我哪里出错的人都非常有义务。

HTML CSS Ruby-on-Rails (英语)

评论

2赞 mechnicov 9/9/2023
你在检查器中看到了什么?可能是你有一些CSS规则,可以覆盖它,因为调试尝试style="margin-left: <%= comment.depth * 4 %>px !important;"
1赞 AztecCodes 9/9/2023
返回什么类型?它是整数值吗?comment.depth
0赞 Les Nightingill 9/9/2023
@mechnicov内联 CSS 不会通过 CSS 特异性规则覆盖其他任何东西吗?我错了吗?
0赞 mechnicov 9/9/2023
@LesNightingill视情况而定。如果某个“父”规则具有属性,但内联没有,则它不会覆盖“父”!important
0赞 nitsas 9/9/2023
如果您打开 inspector 并将鼠标悬停在 div 上,您确定没有添加边距吗?也许它得到了一个边距,但由于周围元素的其他一些规则,它没有显示出来。

答: 暂无答案