web-dev-qa-db-ja.com

HAMLの要素にインラインスタイルを設定する方法

ここに私のコードがあります:

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

style='position: absolute'のみを解析し、他のスタイルは解析しません。どうすればこれを達成できますか?

53
ValeriiVasin

使用しているHAMLを投稿しておくと便利でしょうが、次のようにします。

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

%divを使用する必要はありません:

.some{ style: 'position: absolute; left: 300px; top: 300px;' }
6
アレックス

Dan Cheailによるハッシュに加えて、別のアプローチは次のとおりです。

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

画像のインラインcssを探している場合:

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