如何为HAML中的元素设置内联样式

这是我的代码：

<div class='some' style='position: absolute; left: 300; top: 300;'>..</div> 

它只parsingstyle='position: absolute' ，并不parsing其他样式。 我怎样才能做到这一点？

Answer 1

如果你发布了你正在使用的HAML，那将是非常方便的，但是这是如何完成的：

 %div.some{ :style => "position: absolute; left: 300px; top: 300px;" } 

Answer 2

除了Dan Cheail的哈希之外，另一种方法是：

 %div.some(style='position: absolute; left: 300; top: 300;') 

Answer 3

不需要使用%div ：

 .some{ style: 'position: absolute; left: 300px; top: 300px;' } 

Answer 4

在https://github.com/haml/haml/issues/787请求一个哈希特殊情况，以允许我们写：;

 %div{ style: { display: "none", width: "50px" } } 

很可能class: ["class1", "class2"] 。

Answer 5

如果您正在查看内联css图像：

 <%= image_tag( 'image_name.png', style: 'height: 25px; width: 200px; position: absolute' ) %>