2011-11-11 12 views
47

में तत्व के लिए इनलाइन शैली स्थापित करने के लिए यहाँ मेरी कोड है:कैसे Haml

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

यह केवल style='position: absolute' पार्स करता है, और अन्य शैलियों पार्स नहीं है। इसे कैसे प्राप्त किया जा सकता है?

+3

दिया गया उत्तर सही है, लेकिन यह इससे चूक गया अधिक महत्वपूर्ण बिंदु: आपको इनलाइन शैलियों का उपयोग कभी नहीं करना चाहिए। एक सीएसएस वर्ग परिभाषित करें और इसे सही करें। –

+0

यह अस्थायी समाधान था :) कुछ कोशिश करें और सभी परिवर्तनों को साफ़ करें। यही कारण है कि मैं इसे ढूंढ रहा था :) – ValeriiVasin

+2

जब आप गतिशील रूप से पृष्ठभूमि छवि सेट कर रहे हैं तो क्या होगा? वह तब होता है जब मैं इनलाइन शैलियों का उपयोग करता हूं। –

उत्तर

103

यह काम हो गया होता यदि आप Haml आप उपयोग कर रहे तैनात हैं, लेकिन यह कि यह कैसे हुआ है:

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

यह ध्यान देने योग्य है कि तत्व या कक्षा के नाम और उद्घाटन ब्रेस के अंत के बीच कोई स्थान नहीं हो सकता है। – FreeAsInBeer

0

पर एक हैश विशेष मामले का अनुरोध किया: https://github.com/haml/haml/issues/787 हमें लिखने के लिए अनुमति देने के लिए:

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

class: ["class1", "class2"] के लिए बहुत संभव है।

+1

डाउनवॉटिंग क्योंकि यह प्रश्न का उत्तर नहीं है। यह सिर्फ एक बयान है कि आपने इस वाक्यविन्यास के लिए एक फीचर अनुरोध किया है। प्रतिक्रिया के लिए – Adam

+0

@Adam धन्यवाद। मेरा इरादा यह कहना था: "यह मुद्दा पुष्टि करता है कि सही सबसे सहज ज्ञान युक्त वाक्यविन्यास संभव नहीं है, चलो इसे ऊपर उठाएं"। –

+0

निश्चित रूप से, मुझे वह मिलता है। मुझे लगता है कि एक जवाब के बजाय, एक अच्छी टिप्पणी के लिए किया होगा। जैसा कि यह खड़ा है, यदि कोई उपयोगकर्ता उत्तर स्कैन कर रहा था तो लिंक पर क्लिक नहीं किया गया था और आपके अनुरोध के परिणाम को देखने के लिए, उन्हें यह धारणा मिल सकती है कि इसे वास्तव में लागू किया गया था, और आप समाधान के रूप में नए वाक्यविन्यास का एक उदाहरण दिखा रहे थे, लेकिन यह स्वीकार नहीं किया गया था। – Adam

3

दान Cheail द्वारा हैश एक के अलावा एक और दृष्टिकोण है है:

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

%div उपयोग करने के लिए कोई ज़रूरत नहीं: छवि के लिए

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

आप देख रहे हैं इनलाइन सीएसएस:

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