HAML에서 요소의 인라인 스타일을 설정하는 방법

HAML에서 요소의 인라인 스타일을 설정하는 방법

---

내 코드는 다음과 같습니다.

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

만 style='position: absolute'파싱하고 다른 스타일은 파싱하지 않습니다. 어떻게하면 되나요?

---

사용중인 HAML을 게시했다면 편리했을 것입니다. 그러나 다음과 같이 완료됩니다.

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

---

사용할 필요가 없습니다 %div:

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

---

Dan Cheail의 해시에 추가 된 또 다른 접근 방식은 다음과 같습니다.

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

---

이미지에 대한 인라인 CSS를 찾고 있다면 :

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

---

https://github.com/haml/haml/issues/787 에서 해시 특수 사례를 요청하여 다음 을 작성할 수 있습니다.

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

에서 가능합니다 class: ["class1", "class2"].

참조 URL : https://stackoverflow.com/questions/8090010/how-to-set-inline-style-for-element-in-haml