css - position:absolute within a display:inline -


मेरे पास एक सेटअप है: 

  & lt; div class = "item" & gt ; & Lt; img src = "..." / & gt; & Lt; span class = "आइटम-विवरण" & gt; & lt; / span & gt; & Lt; span class = "आइटम-विवरण" & gt; & lt; / span & gt; & Lt;! - ... - & gt; & Lt; span class = "आइटम-विवरण" & gt; & lt; / span & gt; & Lt; / div & gt; & Lt; div वर्ग = "आइटम" & gt; & lt;! - ... - & gt; & lt; / div & gt; & Lt; div वर्ग = "आइटम" & gt; & lt;! - ... - & gt; & lt; / div & gt; & Lt;! - ... - & gt; & Lt; div वर्ग = "आइटम" & gt; & lt;! - ... - & gt; & lt; / div & gt;   
 प्रत्येक  span  s अपने  div  (जो  स्थिति: सापेक्ष  है) के भीतर स्थित है ,  img  में बिछाने, इसलिए  div  इसका आकार  img  के आकार से हो जाता है। 
 
 मैं चाहता हूं डिस्प्ले में से कई  div  s एक पंक्ति में फिट होंगे मैं  div  s  float: left  हो सकता था, लेकिन मुझे यह पसंद नहीं है क्योंकि 
 
     
  •  the  div  
  •  कोड> एस युक्त तत्व का आकार पुनः प्राप्त नहीं होता  
  •  यह केवल 1-2  div  से एक पंक्ति में प्रिंट करता है जब शारीरिक रूप से मुद्रित होता है 
    •  
 < P> तो एक बेहतर विचार  डिस्प्ले: इनलाइन  पर  div  s का उपयोग करने के लिए लग रहा था  img  s अभी भी सही तरीके से ऊपर है, लेकिन अब, निहित  span  s के लिए पूर्ण स्थिति अब गड़बड़ होती है - वे अपने  div  युक्त, शीर्ष पर (कम से कम, फ़ायरफ़ॉक्स 3.6 पर जो हो रहा है)। 
 
 क्या चल रहा है?  डिस्प्ले: इनलाइन-ब्लॉक  का प्रयोग करने का प्रयास करें I


Comments

Post a Comment