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

Question

这是我的代码：

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

它仅解析style='position: absolute'，并且不解析其他样式。我怎样才能做到这一点？

Answer 1

如果您发布了正在使用的HAML，那将会很方便，但这就是它的完成方式：

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

Answer 2

无需使用%div：

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

Answer 3

除了Dan Cheail的散列之外，另一种方法是：

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

Answer 4

如果您正在寻找图片的内联css：

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

Answer 5

在https://github.com/haml/haml/issues/787请求哈希特例，以便我们写：

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

与class: ["class1", "class2"]非常相似。